いまさら聞けないCSSハック CSS

IE6のみに適用させる

* html div { }

IE7のみに適用させる

*+html div { }

スターハックと呼ばれる代物です。

IE6以外のモダンブラウザのみ適用

html>body div { }

IE6、7以外のモダンブラウザのみ適用

html>/**/body div { }

OperaとSafariのみ適用

html:first-child div { }

Safariのみに適用

html*div { Safariのスタイル }

Safari以外のみに適用

* html div { Safari以外のスタイル }

Operaのみに適用

html:first-child div { Operaのスタイル }

Opera以外のみに適用

html*div { Opera以外のスタイル }

Firefoxのみ適用

html>/**/body div { Firefoxのスタイル }

Firefox以外のみ適用

html:first-child div { Firefox以外のスタイル }

など。実際使うとわけがわからなくなるため　私の場合ですが基本Firefoxで通常に表示されるようにしてからCSSハックは他のブラウザに。。。という具合で入れています。

やり始めると本当にきりがないですし　CSSのレンダリングもソースが増えると嫌な方にはあまりオススメせず　CSSハックがいらないソース作りができるようにすればいいかなと思います。