[CSS]わずか四文字でIE6/7/8を区別するCSSハック

「\」「9」「*」「_」の四文字だけで、IE6, IE7, IE8を区別するCSSハックをNettuts+から紹介します。

チュートリアル動画のキャプチャ

Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters

IE8とそれ以下

L.2
全てのブラウザ用の指定
L.3
IE8とそれ以下用の指定
最後に「\9」をつける。

IE7とそれ以下

L.2
全てのブラウザ用の指定
L.3
IE8とそれ以下用の指定
L.4
IE7とそれ以下用の指定
先頭に「*」をつける。

IE6

L.2
全てのブラウザ用の指定
L.3
IE8とそれ以下用の指定
L.4
IE7とそれ以下用の指定
L.5
IE6用の指定
先頭に「_」をつける。

CSSハックについて

※下記は元記事の意訳です。

私はどんな時でもスタイルシートでのハックの使用を提唱していません。それどころか、常に条件付きコメントを使用するべきです。

しかしながら、CSSハックはちょっとしたテストやデバッグなどには有用です。ハックの一番の心配は将来それが有効ではなくなる可能性があるためです。
ハックは、賢く使用してください。

条件付きコメントとは、下記のように記述します。

top of page

©2017 coliss