Les sélecteurs CSS peuvent-ils cibler des éléments en fonction de leur HTML interne ?

Sélection d'éléments basés sur le HTML interne en CSS

Question :

Comment pouvons-nous utiliser Des sélecteurs CSS pour cibler les éléments en fonction de leur HTML interne ? Plus précisément, considérons le HTML suivant :

<a href="example1.com">innerHTML1</a>
<a href="example2.com">innerHTML2</a>
<a href="example3.com">innerHTML3</a>

Est-il possible de styliser uniquement le deuxième élément (innerHTML2) à l'aide de sélecteurs CSS basés sur le HTML interne ?

Réponse :

Malheureusement, il n'est pas possible de cibler des éléments en fonction de leur HTML interne en utilisant uniquement CSS . L'attribut value dans a[value=innerHTML2] ne fait pas référence au code HTML interne de la balise d'ancrage.

Alternatives :

Si vous souhaitez styliser les éléments en fonction de leur HTML interne, vous pouvez envisager d'utiliser des frameworks JavaScript comme jQuery. Voici un sélecteur jQuery qui peut cibler le deuxième élément :

$('a:contains("innerHTML2")')

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!