Kann ich einen CSS -Selektor schreiben, der Elemente auswählt, die keine bestimmte Klasse oder ein bestimmtes Attribut haben?
Der "nicht" Pseudo-Klasse-Selektor
Hinzufügen a nicht Der Pseudo-Klasse-Selektor wählt die Elemente aus, die keine bestimmte Klasse oder Attribut haben. Der nicht Der Pseudo -Selektor funktioniert entgegengesetzt zu den tatsächlichen CSS -Selektoren. Die CSS -Selektoren wählen die Elemente der in der Selektoreigenschaft genannten Klasse aus, während andererseits der Nicht -Selektor die anderen Elemente als die in der CSS -Selektoreigenschaft erwähnte Klasse auswählt.
Syntax
Die Syntax, um a hinzuzufügen nicht CSS -Selektor ist:
:nicht(.Klassenname)/ * Styling */
Beispiel
Schreiben wir einen Code-Snippet, um zu verstehen, wie der nicht Pseudo-Klasse-Selektor funktioniert:
Dies ist der in einer Klasse geschriebene Text
Keine Klasse oder Attribut
Im obigen Code gibt es eine H2 Element mit einer Klasse namens Erste und Text im Element geschrieben. Danach gibt es ein Element ohne Klasse oder Attribut.
Im CSS -Stilelement fügen wir einen "nicht" -Sektor hinzu, der sich auf die Klasse bezieht "Erste"Und definieren Sie eine Farbeigenschaft, damit sie die Farbe jedes Elements im Körper als der Klasse verändert"Erste”:
Körper: nicht (.Erste)Farbe: Aqua
Dies funktioniert so, dass es die Farbe aller Elemente mit Ausnahme des Textes im Element mit der Klasse ändertErste”:
Auf diese Weise können wir CSS -Selektoren schreiben, die die Elemente ohne Klasse oder Attribut auswählen.
Abschluss
Wir können einen CSS -Selektor schreiben, der Elemente auswählt, die keine bestimmte Klasse oder ein bestimmtes Attribut über die nicht CSS -Selektor, der so funktioniert, dass es sich auf andere als die im Not Selector erwähnte Elemente bezieht, und diejenigen, die nicht zu einer Klasse oder einem Attribut gehören. Die CSS -Eigenschaften können in den Nicht -Selektor eingefügt werden, um das Styling der Elemente zu ändern, die nicht mit Klassen und Attributen verbunden sind.