CSS: pas de solution pour Internet Explorer

Question

Les following example œuvres dans Firefox 4, mais pas dans Internet Explorer 8:

HTML:

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

CSS:

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

Quelle solution voulez-vous suggérer de le faire fonctionner dans les deux navigateurs?

Answer 1

Pourquoi ne pouvez-vous faire ?:

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

Il est pas vraiment une solution de contournement :not(), mais il fonctionne pour votre exemple pour autant que je peux dire. Si vous n'avez pas la classe, vous pouvez toujours utiliser :first-child.

Demo

Answer 2

pas parfait, mais fonctionne:

div { 
    color: red; 
} 

div.first { 
    //some other colour 
} 

EDIT: Ou ce Madmartigan dit