:not()

Summary

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

Browser compatibility