ChromeはそれがIEだと思って条件文を評価しています

Question

CSS条件付きコメントがどのように動作するか誤解しているかもしれませんが、条件付きの中間のビットがIEの場合のみ表示されると思っていました...しかしChromeとFirefoxは、左余白が35pxでないのは20pxです...何が欠けていますか？

.policies li li { margin-left: -20px; } 
<!--[if IE]> 
.policies li { margin-left: 45px; } 
.policies li li { margin-left: 35px; } 
<![endif]--> 

Answer 1

条件付きコメントはCSSではなくHTMLでのみ動作します。一般的な手法は、IEのためだけに別の外部スタイルシートをロードすることです。最近私はちょうどIE < = 8のための単一のものを読み込んで、そのスタイルシートの中でハッキングを使ってIE 6/7/8をそれぞれターゲットにしました。

Answer 2

は、すべて共通のCSSファイルの後に自分のページにそれを含めると、条件付きコメントでラップし、styles-ie.cssのような別のファイルに

.policies li { margin-left: 45px; } 
.policies li li { margin-left: 35px; } 

を置く：

<!--[if IE]> 

    <link to your styles-ie.css /> 

<![endif]--> 

をここでMicrosoft's referenceです。