Not CSS selectors

Question

Is there some kind of "not" CSS selector?

For example when I write the following line in my CSS, all input fields inside an tag with class classname will have a red background.

.classname input {   background: red; } 

How do I select all input fields that are OUTSIDE of a tag with class classname?

Answer 1

With current browser CSS support, you can't.

Newer browsers now support it- see Sam's answer for more info.

(See other answers for the alternatives in CSS.)

If doing it in JavaScript/jQuery is acceptable, you can do:

$j(':not(.classname)>input').css({background:'red'}); 

Answer 2

Mozilla supports negation pseudo-class:

:not(.classname) input {background: red;} 

See also: http://developer.mozilla.org/en/Mozilla_CSS_support_chart