web-dev-qa-db-fra.com

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

J'ai une question. 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: idem: 0: nom de famille

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

<a> élément avec id = someGenerated Some: idem: 1: nom de famille

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

78
TarasLviv

Essaye ça:

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

Cela vous donnera tous les éléments a avec un identifiant contenant

Certains: idem

et avoir l'id se terminant par

nom

120
CosminO

Le seul sélecteur que je vois est a[id$="name"] _ (tous les liens dont l’id se termine par "nom") mais ce n’est pas aussi restrictif qu’il le devrait.

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

L'opérateur ^ - Correspond aux éléments commençant 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*="wrapper_text"] {

}
1
Edicarlos Lopes