Suivre

Sélecteur: :not()

Création: octobre 2012Modifié: 8 octobre 2012

:not est une pseudo-classe qui fait partie du Selectors Level 3 actuellement en Recommandation.

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.

Aucun message actuellement. Soyez le premier!