※この記事のデータは古くなっています。最新版はこちらを参照して下さい。→逆引きCSSハック(IE8b、Opera9.5bも含めたブラウザ別CSSハック)
方々でまとめられているので今更感がありますが、どうも「*+html」のハックがOpera9に適応されないようなので、個人的にまとめなおすことにしました。
ちなみにNetscapeは無視しています。
IE6のみに適用
* html div { }
IE7のみに適用
*+html div { }
IE6以外のモダンブラウザに適用
html>body div { }
IE6、7以外のモダンブラウザに適用
html>/**/body div { }
OperaとSafariに適用
html:first-child div { }
Safariのみに適用
div { Safari以外のスタイル }
html*div { Safariのスタイル }
* html div { Safari以外のスタイル }
Operaのみに適用
div { Opera以外のスタイル }
html:first-child div { Operaのスタイル }
html*div { Opera以外のスタイル }
Firefoxのみに適用
div { Firefox以外のスタイル }
html>/**/body div { Firefoxのスタイル }
html:first-child div { Firefox以外のスタイル }
問題はないはず。どこか間違っていたら教えて下さい。
- 参考サイト
- モダンブラウザ向けCSSハック：ウェブネタブログ
- IE7のCSSバグとOpera CSS Hack | F+R (FplusR)
- CodeWeb: ブラウザ別CSSハック一覧表
- CSSハック | BLOG × WORLD ENDING
