セレクタでのCSSハック一覧表

CSSハックの種類は色々ありますが、その中で役に立ちそうなハックだけを一覧にしてみました。
CSS Validation Serviceに通るハック(valid)とエラーになるハック(invalid)に分けています。
少ない記述でハックを使いたいと思う方は「プロパティでのCSSハック一覧表」をご覧下さい。また、「Firefoxのバージョン別CSSハック一覧表」も載せたので良かったら、ご覧ください。

更新情報
・09/05/21 対象ブラウザをSafari2からSafari3に変えました。
・09/05/18 IE8正式版の検証をしました。

「セレクタ」レベルのCSSハック一覧(valid)

」=読み込む、「×」=読み込まない、「」=赤色ならば、適用されている証拠
ハック IE66 IE77 IE88 Firefox2 Firefox3 Opera9.5 Safari3 MacIE5M5 適用
* html セレクタ{・・・} × × × × × ×
*+html セレクタ{・・・} × × × × ※1 × ×
*:first-child+html セレクタ{・・・} × × × × × × ×
html[xmlns*=""] body:last-child セレクタ{・・・} ※2 × × × × × × ×
html+body セレクタ{・・・} × × × × × × × ×
html>body セレクタ{・・・} ×
html>/**/body セレクタ{・・・} × ×
html:first-child セレクタ{・・・} × × × × × × ×
E[attribute|="value"] セレクタ{・・・} ※3 × ×
html[xmlns] セレクタ{・・・} × × × × × × × ×
:root セレクタ{・・・} ※2 ×
*+html>/**/body セレクタ{・・・} × × × × × ※1 × ×
html[lang*=""] セレクタ{・・・} × × × × ×
/*\*/ html:\66irst-child /**/ セレクタ{・・・}  × × × × × × × ×
html[xmlns*=""] body:last-child セレクタ{・・・} ※2 × × × × × ×
head~/* */body セレクタ{・・・} ※2 × × - ×
/*\*/ {・・・} /**/ ×
/*\*//*/ {・・・} /**/ × × × × × × ×

「セレクタ」レベルのCSSハック一覧(invalid)

」=読み込む、「×」=読み込まない、「」=赤色ならば、適用されている証拠
ハック IE66 IE77 IE88 Firefox2 Firefox3 Opera9.5 Safari2 MacIE5M5 適用
html*セレクタ{・・・} × × × × ×
html>/**/body セレクタ{プロパティ /*\**/: blue\9;} × × × × × × ×

※ 「-」は未検証。
※1 XML宣言があると有効、ないと無効になります。
※2 CSSレベル2で検証するとエラー(invalid)、CSSレベル3だとvalid。
※3 Eは要素、attributeは属性、その値がvalueになります。 例 : body[id|="top"]

TRACKBACK URL トラックバック用URL

COMMENT LIST

No.1

 

やす

Re:

見やすくていい感じです。重宝させていただきます。

2008.06.10 00:30

No.2

 

webbibo管理人

Re:

やすさん初めまして。
もし、上の情報が間違っていたら、ご一報ください。
随時、更新していくのでよろしくお願いします!

2008.06.10 22:09

POST YOUR COMMENT

送信内容
vericode

おすすめCSSサイト

あわせて読みたいブログパーツ

TopPageへ

更新情報RSSアイコン

閉じる