[CSS]スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方
Paul Hammondから、スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方を紹介します。
まず、HTMLのbodyは条件式を使用して、IE用に「.ie」をクラスに指定したbodyと通常用のbodyの２つを記述します。
<!––[if IE ]>
<body class="ie">
<![endif]––>
<!––[if !IE]>––>
<body>
<!––<![endif]––>
<body class="ie">
<![endif]––>
<!––[if !IE]>––>
<body>
<!––<![endif]––>
IEだけスタイルシートを適用する箇所には「.ie」を指定して、記述します。下記の例では、IEのみ「color:#ff8000;」が適用されます。
div.foo{
color:inherit;
}
.ie div.foo{
color:#ff8000;
}
color:inherit;
}
.ie div.foo{
color:#ff8000;
}
Post on:2008年10月16日
Comments
seven
on 2008年10月17日
大胆ですね～。
確かに、こうやると、
CSSはきれいになるかもしれないけど、
その分HTMLが汚れそうですね。
コリス
on 2008年10月17日
> seven さん
HTMLが汚れるといっても６行だけなので、割とよさそうな気はしています。
それよりも、こんな発想が無かったので、いい刺激になりました。
メシウマ状態 飯の旨いおかずがてんこ盛り
on 2008年10月21日
[ブックマーク]任天堂からの著作権侵害警告書が流出、他12件
あとで新聞 – 2008年10月18日(土)から面白そうなものをチェック。
ある編集者の気になるノート : 立川談志が弟子に教えた、醜い嫉妬の解消法。
「よく覚えとけ。現実は正解なんだ。時代…