CSSハック一覧　HTML│CSSタグ辞書

1.スターハック
* html #hack { color:#000000; }

2.アンダースコアハック #hack { _color:#000000; }

別ウインドウで確認する
1.スターハック

1.セレクタの前に【*html 】をつける。（半角スペースも忘れずに）
IE4～6、MacIE4～5以下にのみ適用させる。Validator（※仕様に準拠しているかチェックしてくれるもの）に通る。

2プロパティの前に【_】アンダースコアをつける。
.IE4～6にのみ適用させる。Validatorに通らない。

#hack {
color /**/:#000000;
}

プロパティに続けて半角スペースと/**/を入れるとIE6には適用されない。
Validatorに通る。

*:first-child+html #hack {
color:#ff0000;
}

セレクタの前に【*:first-child+html 】をつけると、IE7にのみ適用される。
Validatorに通る。

html>body #hack {
color:#ff0000;
}

セレクタの前に【html>body 】をつけると、IE7とモダンブラウザに適用される。
Validatorに通る。

html>/**/body #hack {
color:#ff0000;
}

セレクタの前に【html>/**/body 】をつけると、IE7を除いたモダンブラウザに適用される。
Validatorに通らない。

html:\66irst-child #hack {
color:#ff0000;
}

セレクタの前に【html:\66irst-child】をつけると、Safariのみに適用される。
Validatorに通らない。

条件分岐コメント

条件分岐コメント
IEの特定のバージョンにのみ、そのCSSを適用させることができるものです。

Sampleは、「IE7未満、つまりIE5～6にだけ外部CSSを読み込ませる」という指定です。

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

floatさせた場合、きちんとclearしないと親要素のボックスから中身がはみ出てしまいます。

要素の最後にclear:bothを設定したdivを書き込んだりしても解決できますが、無駄なタグが増えるだけなので最近はclearfixを使っています。

クリックお願いします!!

HTML│CSSタグ辞書