Unterstützt CSS :not() mehrere Argumente für den Elementausschluss?

Entlarvung des Mythos mit mehreren Argumenten für die :not()-Pseudoklasse

In CSS ermöglicht die :not()-Pseudoklasse Folgendes der Ausschluss von Elementen aufgrund bestimmter Kriterien. Es gibt jedoch ein weit verbreitetes Missverständnis, dass innerhalb der Pseudoklasse mehrere Argumente miteinander verkettet werden können. Dieses Missverständnis entsteht, wenn versucht wird, mehrere Arten von Eingabeelementen auszuschließen, indem man den Typ als Kriterium verwendet.

Betrachten Sie das bereitgestellte Beispiel:

form input:not([type="radio"], [type="checkbox"]) {
  /* css here */
}

Die Absicht besteht darin, Eingabeelemente aller Typen außer Radio auszuwählen und Kontrollkästchen. Diese Syntax funktioniert jedoch nicht.

Die Lösung: Aufschlüsselung der Ausschlusskriterien

Um dieses Problem zu beheben, anstatt mehrere Argumente in :not() zu verketten, CSS bietet eine einfache Lösung: Verwenden Sie für jedes Ausschlusskriterium separate :not()-Anweisungen. In diesem Fall:

input:not([type="radio"])):not([type="checkbox"])

Diese Syntax wählt korrekt Eingabeelemente aus, die weder Radio noch Kontrollkästchen sind. Die Pseudoklasse :not() arbeitet auf exklusiver Basis, sodass durch die Verwendung mehrerer Anweisungen sichergestellt wird, dass alle festgelegten Kriterien für den Ausschluss eines Elements erfüllt sind.

Denken Sie daran:

Die Pseudoklasse :not() unterstützt nicht mehrere Argumente, die in einer einzigen Anweisung verkettet sind. Um mehrere Elementtypen auszuschließen, verwenden Sie für jedes Ausschlusskriterium separate :not()-Anweisungen. Indem Sie Ihre Ausschlusskriterien in einzelne Aussagen aufteilen, können Sie die gewünschten Elemente in Ihrem CSS effektiv ansprechen.

Das obige ist der detaillierte Inhalt vonUnterstützt CSS :not() mehrere Argumente für den Elementausschluss?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!