Elle permet de retirer un élément, ou l’état d’un élément, du sélecteur.
La syntaxe
Cet exemple cible tous les éléments qui ont la classe .item
, mais qui ne sont pas des <p>
.item:not(p){ ... }
Cet exemple cible les éléments <li>
non survolés :
ul li:not(:hover){ ... }
Cet exemple cible les éléments <div>
qui n’ont pas la classe .item
:
div:not(.item){ ... }
Attention : Seuls les sélecteurs et pseudo-classes simples peuvent êtres utilisées. Ainsi, cet exemple n’est pas valide :
p:not(div p){ ... }
De plus, les :not()
ne peuvent pas être imbriqués.