Comment cibler des éléments avec des ID contenant \'Some:Same\' et se terminant par \'name\' à l'aide de CSS ?

Sélecteur CSS pour les éléments avec des identifiants contenant un texte spécifique

Problème :

Considérez les éléments HTML avec des identifiants au format " someGenerated Some:Same:0:name" ou "someGenerated Some:Same:0:surname." Comment pouvons-nous utiliser CSS pour sélectionner uniquement les éléments dont les ID contiennent "Some:Same" et se terminent par "name" ?

Solution :

Utilisation du sélecteur CSS suivant accomplit ceci :

a[id*='Some:Same'][id$='name']

Explication :

• a[id*='Some:Same'] : sélectionne tous les éléments dont les ID contiennent la chaîne "Certains : pareil." Les astérisques (*) sont utilisés comme caractères génériques, autorisant tous les caractères avant ou après "Some:Same".
• [id$='name'] : sélectionne tous les éléments dont les identifiants se terminent par "name". Le signe dollar ($) est utilisé comme caractère générique à la fin de la chaîne.

En combinant ces sélecteurs, nous pouvons isoler les éléments a spécifiques avec des ID contenant "Some:Same" et se terminant par "nom."

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!