IEのバージョン毎に適用させる
IEの各バージョンのみにCSSを反映させたい、
という場合があるかと思います。
以前の記事のIE6のみに適用させるでは、
アンダーバーを使う手法をご紹介しましたが、
文法上はエラーになるようなので、多用はしないほうが良いようです。
そこで改めてIEの各バージョン毎にCSSを適用させる方法をご紹介。
/*IE6以下に適用*/
* html p {
color:#FF000;
}
/*IE7のみに適用*/
*:first-child+html p {
color:#0000FF;
}
/*IE8のみに適用*/
html>/**/body p {
color /*¥**/: 00FF00¥9;
font-size:18px¥9;
}
上から順にIE6以下、IE7のみ、IE8のみ適用となります。
IE8に関してはCSS-EBLOGさんのIE8だけに適用させるCSSハック
で詳しい説明がされています。
