:not

The negation CSS pseudo-class, :not(X), is a functional notation taking a simple selector X as an argument. It matches an element that is not represented by the argument. X must not contain another negation selector.

Syntax

:not( <selector># ) { style properties }

Examples

p:not(.classy) { color: red; }
body *:not(p) { color: green; }

Given the above CSS and the HTML below...

<p>Some text.</p>
<p class="classy">Some other text.</p>
<span>One more text<span>

You get output like this:

Specifications

Specification	Status	Comment
Selectors Level 4 The definition of ':not()' in that specification.	Working Draft	Extends its argument to allow some non-simple selectors.
Selectors Level 3 The definition of ':not()' in that specification.	Recommendation	Initial definition.

Browser compatibility