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'});