CSS :not() pseudoklasse

Definitie en gebruik

CSS :not() Pseudoklassen worden gebruikt om elk element te matchen dat niet het opgegeven element/selector is.

Voorbeeld

Voorbeeld 1

Stel de tekstkleur in voor alle elementen die geen <p>-element zijn:

:not(p) {
  color: red;
}

Probeer het zelf

Voorbeeld 2

Meer gebruik :not() Voorbeeld:

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

Probeer het zelf

CSS-syntaxis

:not(selector) {
  css-declaraties;
}

Technische details

Browserondersteuning

Tafelgetallen specificeren de eerste browserversie die deze pseudoklasse volledig ondersteunt.