CSS :not() pseudoklass

Definition och användning

CSS :not() Pseudoklasser används för att matcha alla element som inte är den specifika elementen/valarna.

Exempel

Exempel 1

Ställ in textfärg för alla element som inte är <p>-element:

:not(p) {
  color: red;
}

Prova själv

Exempel 2

Mer användning :not() Exempel på:

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

Prova själv

CSS-syntax

:not(väljare) {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Tabellens nummer anger den första webbläsare som fullständigt stöder den här pseudoklassen.