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

条件注释仅适用于HTML，而不适用于CSS。一种常见的技术是为IE加载单独的外部样式表。最近，我已经开始为IE＆lt; = 8加载一个，然后使用该样式表中的hack分别针对IE 6/7/8。

Answer 2

放

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

进入单独的文件，如styles-ie.css，然后将其包含在所有常见CSS文件后的页面中并包装在条件注释中：

<!--[if IE]>

  <link to your styles-ie.css />

<![endif]-->

这是Microsoft's reference。