主要っぽいハック
Firefoxはやっぱり優秀だなーと思う今日この頃。
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; }