使う機会は滅多に無いんだけど、知識として知ってないと困ったりしたので、取りあえず現在主流だろうブラウザのハックを自分のまとめ用に。
実際の状況を確認出来るように、デモページもご用意しました。
必要あるか分かりませんがダウンロードも出来るようにしときました。
拡張子が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;
}
