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

管理人:sofu

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"]

blog comments powered by Disqus

PageTop