Übersicht
Die CSS Pseudoklasse :not(X)
ist eine Negation zu einem Selektor X als Argument und wird als Funktion angegeben. Sie passt auf Elemente, die nicht durch das Argument repräsentiert werden. X darf keinen weiteren Negationsselektor beinhalten.
Die Spezifität der :not
Pseudoklasse entspricht der Spezifität seines Arguments. Die :not
Pseudoklasse hat im Gegensatz zu anderen Pseudoklassen keinen Einfluss auf die Spezifität.
Hinweise:
- Mit der Negation können auch irrationale Selektoren erstellt werden, z. B.
:not(*)
, welche alle Elemente auswählen würde, die keine Elemente sind. - Es ist möglich, andere Regeln zu überschreiben.
A:not(B)
hat den selben Effekt wieA
, aber eine höhere Spezifität. :not(bla){}
passt auf alle Elemente, die nichtbla
sind einschließlichhtml
undbody
.
Syntax
:not(selector) { Stileigenschaften }
Beispiele
p:not(.classy) { color: red; }
:not(p) { color: green; }
auf folgendes HTML angewandt:
<p>Irgendein Text.</p>
<p class="classy">Irgendein anderer Text.</p>
<span>Noch mehr Text<span>
ergibt:
Spezifikationen
Spezifikation | Status | Kommentar |
---|---|---|
Selectors Level 4 Die Definition von ':not()' in dieser Spezifikation. |
Arbeitsentwurf | Argument erweitert, um komplexe Selektoren zu ermöglichen. |
Selectors Level 3 Die Definition von ':not()' in dieser Spezifikation. |
Empfehlung | Ursprüngliche Definition |
Browser Kompatibilität
BCD tables only load in the browser