Sélecteur par l'une des valeurs d'attribut
Le sélecteur par l'une des valeurs d'attribut définit un style pour un élément dont l'attribut contient au moins une des valeurs spécifiées. Dans ce cas, toutes les valeurs de l'attribut doivent être séparées par un espace.
Exemple
Trouvons tous les <p> contenant
dans l'une de leurs valeurs test, et changeons leur couleur
en bleu :
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
Voir aussi
-
le sélecteur d'attribut,
qui recherche un élément par le nom de l'attribut -
le sélecteur d'attribut,
qui recherche un élément par la valeur de l'attribut -
le sélecteur d'attribut,
qui recherche un élément par le début de la valeur de l'attribut -
le sélecteur d'attribut,
qui recherche un élément par la fin de la valeur de l'attribut -
le sélecteur d'attribut,
qui recherche un élément par le texte dans la valeur de l'attribut -
le sélecteur d'attribut,
qui recherche un élément par un trait d'union dans la valeur de l'attribut -
Le sélecteur enfant,
qui permet de sélectionner des éléments par imbrication directe -
Le sélecteur contextuel,
qui permet de sélectionner un élément par son parent -
Le sélecteur adjacent,
qui permet de sélectionner un élément par son voisin -
Le sélecteur général de frères et sœurs,
qui permet de sélectionner les éléments après un élément donné -
Le sélecteur universel,
qui permet de sélectionner tous les éléments
