web-dev-qa-db-fra.com

Sélecteur CSS basé sur le texte de l'élément?

Duplicate possible:
Existe-t-il un sélecteur CSS pour les éléments contenant certains textes?

Existe-t-il un moyen de sélectionner un élément dans css en fonction du texte de l'élément?

c'est à dire:

li[text=*foo]

<li>foo</li>
<li>bar</li>

Cela ne fonctionne probablement pas.

Modifier: De plus, vous ne devez prendre en charge que Chrome.

217
Harry

Pas directement avec CSS, vous pouvez définir des propriétés CSS via JavaScript en fonction du contenu interne, mais vous devrez toujours utiliser les définitions de CSS.

76
zellio

Je sais que ce n'est pas exactement ce que vous recherchez, mais peut-être que cela vous aidera.

Vous pouvez essayer d’utiliser un sélecteur jQuery :contains() , ajouter une classe, puis créer un style normal pour une classe.

133
Błażej Klisz

Cela a probablement été discuté, mais à partir de CSS3, rien ne ressemble à ce dont vous avez besoin (voir aussi " existe-t-il un sélecteur CSS pour les éléments contenant un certain texte? "). Vous devrez utiliser un balisage supplémentaire, comme ceci:

<li><span class="foo">some text</span></li>
<li>some other text</li>

Ensuite, reportez-vous à la manière habituelle:

li > span.foo {...}
16
Agos