Pseudo-classe CSS :not()

Définition et utilisation

CSS :not() Les pseudo-classes sont utilisées pour correspondre à tout élément ou sélecteur qui n'est pas spécifié.

Exemple

Exemple 1

Définir la couleur du texte pour tous les éléments qui ne sont pas des éléments <p> :

:not(p) {
  color: rouge;
}

Essayez-le vous-même

Exemple 2

Autres utilisations :not() Exemple :

.special {
  border: 2px solid marron;
}
p:not(.special) {
  color: green;
}
body :not(p) {
  text-decoration: underline;
}
body :not(div):not(.special) {
  font-weight: bold;
}

Essayez-le vous-même

Grammaire CSS

:not(sélecteur) {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette pseudo-classe.