: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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Negation pseudo-class selector (:not())Chrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 9.5Safari Vollständige Unterstützung 3.2WebView Android Vollständige Unterstützung 2Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari iOS Vollständige Unterstützung 3.2Samsung Internet Android ?
Selector list argumentChrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Vollständige Unterstützung 9WebView Android Keine Unterstützung NeinChrome Android Keine Unterstützung NeinFirefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 9Samsung Internet Android Keine Unterstützung Nein

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt