Les sélecteurs CSS peuvent-ils cibler des éléments avec n'importe quel attribut « données » ?

Sélecteurs de caractères génériques pour les noms d'attributs

Question :

Existe-t-il un moyen d'utiliser CSS sélecteurs pour cibler les éléments qui ont un attribut "data", quel que soit son attribut spécifique nom?

Réponse :

Actuellement, il n'y a pas de sélecteur de caractère générique intégré dans CSS qui cible les noms d'attributs. Cependant, il existe une seule façon de sélectionner des éléments avec un nom d'attribut spécifique :

E[foo]

Ce sélecteur sélectionne les éléments avec l'attribut "foo", quelle que soit sa valeur.

Discussion approfondie :

Bien que la sélection de caractères génériques pour les valeurs d'attribut soit prise en charge par divers opérateurs, tels que *= et ^=, il n'existe pas d'équivalent pour noms d'attributs génériques. Des propositions ont été faites pour une telle syntaxe, notamment :

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

Cependant, celles-ci ne sont pas encore standardisées et sont soumises à la prise en charge du navigateur.

Remarques supplémentaires :

• La spécification des sélecteurs W3C niveau 3 n'inclut pas de caractères génériques pour l'attribut noms.
• Les tentatives de création de sélecteurs génériques pour les noms d'attributs, tels que [data-*] ou [data-^], ne fonctionneront pas.

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!