[CSS]スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方

Paul Hammondから、スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方を紹介します。

Conditional classnames

まず、HTMLのbodyは条件式を使用して、IE用に「.ie」をクラスに指定したbodyと通常用のbodyの2つを記述します。

<!––[if IE ]>
<body class="ie">
<![endif]––>
<!––[if !IE]>––>
<body>
<!––<![endif]––>

IEだけスタイルシートを適用する箇所には「.ie」を指定して、記述します。下記の例では、IEのみ「color:#ff8000;」が適用されます。

div.foo{
color:inherit;
}
.ie div.foo{
color:#ff8000;
}

sponsors

top of page

©2018 coliss