CSS :not workaround for Internet Explorer

Question

following example适用于 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() 解决方法，但据我所知它适用于您的示例。如果您没有类(class)，您也可以随时使用 :first-child。

Demo