Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

:not()

Ü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 wie A, aber eine höhere Spezifität.
  • :not(bla){} passt auf alle Elemente, die nicht bla sind einschließlich html und body.

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

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung 1.0 1.0 (1.7 oder früher) 9.0 9.5 3.2
Erweiterte Argumente Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt
Merkmal Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung 2.1 1.0 (1) 9.0 10.0 3.2
Erweiterte Argumente Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt Nicht unterstützt

 

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: Sebastianz, SJW
 Zuletzt aktualisiert von: Sebastianz,