ぶろ〜ぐ(仮称

ことだまんです。
macに移行してから、ブラウザはFirefoxからSafariがメインになり、IEはゲームをやる時にWindowsを起動する時だけ・・・
さて、Webアプリケーション等の開発で、CSSを書いている時に毎回頭を悩ませるのがIEへの対応・・・
もう、バ★だらけで面倒。
そこで、ブラウザ別にCSSを適用する訳ですが・・・

Firefox
html:not([lang*=""]) セレクタ{}

Safari
html:not(:only-child:only-child) セレクタ{}

IE6
* html セレクタ{}
IE7
*:first-child+html セレクタ{}
IE8
head~/* */body セレクタ{}

こんな感じで、セレクタの前に魔法の要素指定
CSSのみでやろうとするとやっぱりダーティー・・・javascriptで判別でもいいけど・・・ブラウザ毎にファイル分けるのもなぁっと・・・
セレクタ内でIEの場合は６と７限定で＿と＊をつけてもできる・・・

IEの普及率って自分の狭い世界では２０％未満なんだけど・・・
一般的には７０％くらいなんだよね・・・
まったくもって面倒（笑

ちなみにこんなのもありますが、自分は使っていません。
CSS Browser Selector
http://rafael.adm.br/css_browser_selector/

ちなみにIE5やIE5.5は・・・無視・・・