Sélecteur CSS (id contient une partie du texte)

Question

J'ai une question à poser. J'ai des éléments qui ressemblent à ceci :

<a> élément avec id = someGenerated Some:Same:0:name

<a> élément avec id = someGenerated Some:Same:0:surname

<a> élément avec id = someGenerated Some:Same:1:name

<a> élément avec id = someGenerated Some:Same:1:surname

J'ai besoin d'un sélecteur CSS pour obtenir des noms. Le problème est que je ne sais pas comment l'obtenir. J'ai essayé a[id*='Some:Same'] - il a renvoyé tous les <a> éléments. Ensuite, je peux obtenir les éléments dont l'id se termine par le nom. Mais je n'aime pas cette idée. Je pense que cela peut être fait avec un autre sélecteur.

Answer 1

Essayez ça :

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

Cela vous permettra d'obtenir tout a éléments dont l'id contient

Certains : les mêmes

et dont l'identifiant se termine par

nom

Answer 2

<div id='element_123_wrapper_text'>My sample DIV</div>

L'opérateur ^ - Correspond aux éléments qui commencent par une valeur donnée

div[id^="element_123"] {

}

L'opérateur $ - Correspond aux éléments qui se terminent par une valeur donnée.

div[id$="wrapper_text"] {

}

L'opérateur * - Correspond aux éléments qui ont un attribut contenant une valeur donnée.

div[id*="123_wrapper"] {

}

Answer 3

Le seul sélecteur que je vois est a[id$="name"] (tous les liens dont l'identifiant est terminé par "nom") mais ce n'est pas aussi restrictif que cela devrait l'être.