Question

The following example works in Firefox 4, but not in Internet Explorer 8:

HTML:

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

CSS:

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

What workaround would you suggest to make it work in both browsers ?

Answer 1

Why can’t you do this?:

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

It isn’t really a :not() workaround, but it works for your example as far as I can tell. If you didn’t have the class you could always use :first-child as well.

Demo