使う機会は滅多に無いんだけど、知識として知ってないと困ったりしたので、取りあえず現在主流だろうブラウザのハックを自分のまとめ用に。
実際の状況を確認出来るように、デモページもご用意しました。
必要あるか分かりませんがダウンロードも出来るようにしときました。
拡張子がshtmlとかなってるので、htmlにして下さい。
主要っぽいハック
Win IE6までのハック(アンダースコアハック)
.hackTest01 { _background: red; }
Win,Mac IE6までのハック(スターハック)
* html .hackTest02 { background: red; }
Win IE7用のハック
*:first-child + html .hackTest03 { background: red; }
Opera9.25用のハック
ちゃんと適用されない事があった、、、
html:\66irst-child .hackTest04 { background: red; }
Opera9.25用のハック2
;;body .hackTest05 { background: red; }
Win Safari3.0.4,Mac 3用のハック
body:first-of-type .hackTest06 { background: red; }
ハックとはちょっと違うけど
各種セレクタに対応していないブラウザ(IE6とか)を除いたブラウザに適用させる。
#main > .hackTest07 { background: red; }
pre + .hackTest08 { background: red; }
おまけ:clearfix
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
おまけ 2:clearfix
div:after { content: "."; display: block; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; visibility: hidden; }