So schließen Sie Elemente von der CSS-Auswahl aus: Gibt es in CSS einen „Nicht'-Selektor?

CSS Not Selector

Frage:

Gibt es eine Möglichkeit, bestimmte Elemente auszuschließen? CSS-Auswahl? Wie kann man beispielsweise alle Eingabefelder außerhalb eines Elements mit der Klasse „classname“ auswählen?

Antwort:

Leider gibt es derzeit kein eingebautes „ nicht"-Selektor in CSS.

Alternativen:

• CSS-Workarounds: Sie können verschachtelte Selektoren verwenden, um Ihre Auswahl zu verfeinern. Anstatt beispielsweise „.classname input“ auszuwählen, könnten Sie „input:not(.classname input)“ als Ziel verwenden, um Eingaben innerhalb des Elements mit der Klasse „classname“ auszuschließen.
• jQuery/JavaScript : Wenn Sie bereit sind, Skripte zu verwenden, können Sie einen dynamischeren Ansatz wählen. Der bereitgestellte jQuery-Code $j(':not(.classname)>input').css({background:'red'}) schließt Eingaben von Elementen mit der Klasse „classname“ aus und wendet einen roten Hintergrund auf die übrigen an Eingaben.

Unterstützungsstatus:

Beachten Sie, dass neuere Browser wie Chrome und Firefox jetzt den Selektor „:not()“ unterstützen. Das bedeutet, dass Sie die Syntax „:not(.classname) input“ in Ihrem CSS verwenden können, um Elemente direkt auszuschließen. Allerdings ist die Unterstützung für „:not()“ in bestimmten Browsern immer noch eingeschränkt.

Das obige ist der detaillierte Inhalt vonSo schließen Sie Elemente von der CSS-Auswahl aus: Gibt es in CSS einen „Nicht'-Selektor?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!