Question

I do not know if is possible in CSS, but I would like a general Role to don’t apply to a specific element in my case id=special.
In my example all the DIV should be red but I want only id=special to have not applied this color.
I understand I can always overwrite the element with id=special but I’m interested to know if is possible have some sort of exclusion from the general Role.

Any idea in CSS 2 and CSS 3?

Example:

<div>this is red</div>
<div>this is red</div>
<div id="special">this one must be blus</div>
div>this is red</div>

// My General Role
div
{
  background-color:Red;
}

Answer 1

CSS2 Solution

div {
    color: red;
}

div#special {
    color: inherit;
}

demo: http://jsfiddle.net/zRxWW/1/