Les sélecteurs CSS peuvent-ils cibler des éléments avec des noms d'attributs génériques ?

Sélecteurs CSS pour les noms d'attribut basés sur des caractères génériques

La sélection d'éléments en fonction de leurs attributs "data-*" en CSS peut être réalisée via divers méthodes. Cependant, une question courante se pose concernant le ciblage d'éléments avec un attribut « données », quel que soit son nom spécifique.

Limites actuelles :

Malheureusement, il n'existe actuellement aucun sélecteur CSS. disponible qui peut cibler des éléments avec un nom d'attribut correspondant à n'importe quel caractère générique. La syntaxe disponible se concentre sur le ciblage de la valeur de l'attribut, et non sur le nom lui-même.

Ciblage du nom d'attribut :

La seule façon de cibler un nom d'attribut en CSS consiste à utiliser le syntaxe :

E[foo]

Ce sélecteur sélectionnera tous les éléments avec un attribut "foo", quel que soit son value.

Alternatives aux caractères génériques :

Malgré l'absence de sélecteur de nom d'attribut générique, un fil de discussion récent dans la liste de diffusion [email protected] a proposé une syntaxe potentielle :

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

Cette syntaxe proposée a gagné une certaine acceptation et pourrait devenir un standard à l'avenir. Cependant, à l'heure actuelle, cette méthode n'est toujours pas prise en charge et ne constitue pas une solution viable pour cibler les noms d'attributs avec des caractères génériques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!