Können CSS-Selektoren auf Elemente mit einem beliebigen „Daten'-Attribut abzielen?

Platzhalterselektoren für Attributnamen

Frage:

Gibt es eine Möglichkeit, CSS zu verwenden? Selektoren zielen auf Elemente ab, die über ein beliebiges „Daten“-Attribut verfügen, unabhängig von dessen Spezifität Name?

Antwort:

Derzeit gibt es in CSS keinen integrierten Platzhalterselektor, der auf Attributnamen abzielt. Es gibt jedoch eine einzige Möglichkeit, Elemente mit einem bestimmten Attributnamen auszuwählen:

E[foo]

Dieser Selektor wählt Elemente mit dem „foo“-Attribut aus, unabhängig von seinem Wert.

Erweiterte Diskussion:

Während die Wildcard-Auswahl für Attributwerte durch verschiedene Operatoren wie *= und ^= unterstützt wird, gibt es dafür kein Äquivalent Platzhalter für Attributnamen. Es wurden Vorschläge für eine solche Syntax gemacht, darunter:

x-admin-* { ... }
[data-my-*] { ... }

Diese sind jedoch noch nicht standardisiert und unterliegen der Browserunterstützung.

Zusätzliche Hinweise:

• Die W3C Selectors Level 3-Spezifikation enthält keine Platzhalter für Attribute Namen.
• Versuche, Platzhalterselektoren für Attributnamen wie [data-*] oder [data-^] zu erstellen, funktionieren nicht.

Das obige ist der detaillierte Inhalt vonKönnen CSS-Selektoren auf Elemente mit einem beliebigen „Daten'-Attribut abzielen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!