CSS :not() Pseudo-Klasse

Definition und Verwendung

CSS :not() Pseudo-Klassen werden verwendet, um alle Elemente zu matchen, die nicht die angegebene Element/Selektor sind.

Beispiel

Beispiel 1

Legen Sie die Textfarbe für alle Elemente fest, die nicht <p>-Elemente sind:

:not(p) {
  color: rot;
}

Versuchen Sie es selbst

Beispiel 2

Mehr Verwendung :not() Beispiel:

.special {
  Rahmen: 2px fester Maroon;
}
p:not(.special) {
  color: grün;
}
body :not(p) {
  text-decoration: unterstreichen;
}
body :not(div):not(.special) {
  font-weight: fett;
}

Versuchen Sie es selbst

CSS-Syntax

:not(Selektor) {
  css-Anweisungen;
}

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die den Pseudo-Selektor vollständig unterstützt.