Sélecteur d'attribut par texte

Le sélecteur d'attribut par texte applique un style à un élément dont la valeur de l'attribut de la balise contient un texte spécifique.

Exemple

Trouvons les liens contenant test dans leurs attributs, et changeons leur couleur en vert :

html<a href="https://test.com">link1</a>
<a href="">link2</a>
<a href="http://my-test.com">link3</a>

cssa[href*="test"] {
  color: green;
}

Результат:

sélecteur d'attribut,
qui recherche un élément par nom d'attribut
sélecteur d'attribut,
qui recherche un élément par valeur d'attribut
sélecteur d'attribut,
qui recherche un élément par le début de la valeur d'attribut
sélecteur d'attribut,
qui recherche un élément par la fin de la valeur d'attribut
sélecteur d'attribut,
qui recherche un élément par l'une des valeurs d'attribut
sélecteur d'attribut,
qui recherche un élément par un trait d'union dans la valeur d'attribut
Sélecteur d'enfant,
qui permet de sélectionner des éléments par imbrication directe
Sélecteur contextuel,
qui permet de sélectionner un élément par son parent
Sélecteur adjacent,
qui permet de sélectionner un élément par son voisin
Sélecteur de frère et sœur,
qui permet de sélectionner les éléments après un élément donné
Sélecteur universel,
qui permet de sélectionner tous les éléments