CSSを使いこなす

Win　IEだけはじく
body {
background-color: #CCCCCC !important;
background-color: #FF0000;
}
!importantの処理にWinのIEが対応していないことを利用。
通常、CSSは後からの指示を上書きするのだが、この「!important」を付加しておくと、文字通りこの指示が重要であるということで、順序・序列に関係なくこのスタイルを優先する。

ところが、なぜかWinのIEは5xも6もこの指示に対応していない。なので、先に本来のスタイルを指定した上で「!important」宣言しておき、後からWinIEだけが上書きするスタイルを記述すればよい。
なお、この方法でははじかれるのは「Winの」IEだけ、MacIE5xは「!important」は有効。

WinとMacのIEをはじく
body {
background-color: #CCCCCC;
}
* html body {
background-color: #FF0000;
}

「* html セレクタ名」に反応するのは、WinとMacのIEだけなので、それを利用する。先に他のブラウザ用記述を行い、あとからWin+Mac　IE用記述を上書きする。