CSS：不适用于 Internet Explorer

Question

以下示例适用于 Firefox 4，但不适用于 Internet Explorer 8：

HTML：

<div class='first'>A</div>
<div>B</div>
<div>C</div>

CSS：

div:not(.first) {
    color: red;
}

您建议采取什么解决方法使其在两种浏览器中都能工作？

Answer 1

为什么不能这样做？：

div {
    color: red;
}
div.first {
    color: inherit;/* or whatever color you want*/
}

这并不是真正的 :not() 解决方法，但据我所知，它适用于您的示例。如果您没有该类，您也可以随时使用 :first-child 。

演示

Answer 2

不完美但有效：

div {
   color: red;
}

div.first {
   //some other colour
}

编辑：或者 madmartigan 所说的