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ハック
で詳しい説明がされています。

コメントを投稿する

SPONSORED LINK

CATEGORY

RECOMMEND BOOKS

OTHER

あわせて読みたい

トップへ戻る