English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die CSS-Pseudo-Klasse :not() wird verwendet, um Elemente zu finden, die nicht zu einer Gruppe von Selektoren gehören. Da ihre Funktion darin besteht, bestimmte Elemente von der Auswahl auszuschließen, wird sie auch als Negations-Pseudo-Klasse (Negation Pseudo--class）。
Vollständiges Referenzhandbuch für CSS-Selektoren
Hinweis:
:not() Pseudo-Klassen können nicht verschachtelt werden, was bedeutet, dass :not(:not(...)) ist ungültig.
Da Pseudo-Elemente keine einfachen Selektoren sind, können sie nicht als :not() Parameter, wie :not(p::before) Dieser Selektor funktioniert nicht.
Man kann mit dieser Pseudo-Klasse einen völlig nutzlosen Selektor schreiben. Zum Beispiel, :not(*) passen auf alle nicht-Elemente, daher wird diese Regel niemals angewendet.
Man kann diese Pseudo-Klasse verwenden, um die Priorität der Regel zu erhöhen. Zum Beispiel, #foo:not(#bar) und #foo passen auf gleiche Elemente, aber der Priorität des Ersten höher ist.
:not(.foo) passen auf alle nicht .foo der Elemente,einschließlich <html> und <body>.
Dieser Selektor wird nur auf einem Element angewendet und kann nicht verwendet werden, um alle übergeordneten Elemente auszuschließen. Zum Beispiel, body :not(table) a wird dennoch auf Tabellenelemente angewendet <table> interne <a> , weil <tr>wird :not(table) Diese Selektoren passen überein.
Legen Sie für jeden nicht <p>-Element die Hintergrundfarbe fest:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Grundanleitung(oldtoolbag.com)</title>
<style>
p {
color: #000000;
}
:not(p) {
color: #ff0000;
}
</style>
</head>
<body>
<h1>Das ist ein Titel</h1>
<p>Das ist ein Abschnitt.</p>
<p>Das ist ein weiterer Abschnitt.</p>
<div>Das sind einige Texte des div-Elements.</div>
<a href="//de.oldtoolbag.com/" target="_blank">Verknüpfung zur Grundanleitung</a>
</body>
</html>Testen Sie es heraus ‹/›:not() Pseudo-Klasse kann eine oder mehrere durch Komma getrennte Selektorenlisten als Parameter haben. Der Selektor darf keine andere negative Selektoren oder Pseudo-Elemente enthalten.
Die Zahlen in der Tabelle geben die Versionsnummer des ersten Browserns an, der diesen Selektor unterstützt.
| Selektor | |||||
|---|---|---|---|---|---|
| :not() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |