Comment puis-je sélectionner des éléments avec n'importe quel attribut « données » en CSS ?

Sélecteur CSS pour les noms d'attributs basé sur un caractère générique

Lorsque vous travaillez avec des sélecteurs CSS, il est essentiel de cibler les éléments en fonction de leurs attributs. Les attributs "data-*" constituent un moyen pratique de stocker des données personnalisées pour les éléments. Cependant, il peut y avoir des cas où vous devrez sélectionner des éléments possédant un attribut « données », quel que soit son nom spécifique.

État actuel du ciblage des noms d'attribut

Actuellement, CSS n'offre pas de prise en charge native des sélecteurs de caractères génériques pour les noms d'attributs. La proposition [data-*] est une idée intrigante mais n'a pas encore été mise en œuvre.

Options existantes

Bien qu'il n'existe pas de solution directe pour les noms d'attributs génériques, vous peut utiliser les sélecteurs CSS suivants :

[data]

Ce sélecteur cible tout élément doté d'un attribut "data", quel que soit son nom. Cependant, cela peut conduire à une sélection accidentelle d'éléments avec d'autres attributs commençant par « data ».

Syntaxe proposée

Une syntaxe proposée prometteuse de [email protected] la liste de diffusion est :

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

Cette syntaxe permettrait une correspondance de caractères génériques dans le préfixe d'un nom d'attribut, permettant un ciblage plus spécifique.

Conclusion

Actuellement, il n'existe aucun moyen direct de cibler des éléments en fonction d'un nom d'attribut générique en CSS. Cependant, la syntaxe proposée est prometteuse pour des développements futurs qui permettraient une sélection basée sur les attributs plus polyvalente et plus efficace.

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!