Können CSS-Selektoren auf Elemente mit Wildcard-Attributnamen abzielen?

CSS-Selektoren für Attributnamen basierend auf Platzhaltern

Die Auswahl von Elementen basierend auf ihren „data-*“-Attributen in CSS kann durch verschiedene erreicht werden Methoden. Es stellt sich jedoch eine häufige Frage bezüglich der Ausrichtung auf Elemente mit einem beliebigen „Daten“-Attribut, unabhängig von ihrem spezifischen Namen.

Aktuelle Einschränkungen:

Leider gibt es derzeit keinen CSS-Selektor verfügbar, das auf Elemente mit einem Attributnamen abzielen kann, der mit einem beliebigen Platzhalterzeichen übereinstimmt. Die verfügbare Syntax konzentriert sich auf den Attributwert und nicht auf den Namen selbst.

Attributnamen-Targeting:

Die einzige Möglichkeit, einen Attributnamen in CSS gezielt anzusprechen, ist über die Syntax:

E[foo]

Dieser Selektor wählt alle Elemente mit einem „foo“-Attribut aus, unabhängig von ihrem Wert.

Wildcard-Alternativen:

Trotz des Fehlens eines Wildcard-Attributnamenselektors hat ein aktueller Thread in der [email protected]-Mailingliste eine mögliche Syntax vorgeschlagen:

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

Diese vorgeschlagene Syntax hat einige Akzeptanz gefunden und könnte in Zukunft zum Standard werden. Allerdings wird es derzeit noch nicht unterstützt und ist keine praktikable Lösung für die gezielte Ausrichtung auf Attributnamen mit Platzhalterzeichen.

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