Sélecteur d'attribut par trait d'union dans la valeur
Le sélecteur d'attribut par trait d'union dans la valeur applique un style à un élément dont les valeurs d'attribut sont séparées par un trait d'union.
Exemple
Trouvons tous les éléments qui ont
text dans leurs valeurs,
séparées par un trait d'union,
et changeons leur couleur en rouge :
<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>
p[class|="text"] {
color: red;
}
:
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 l'une des valeurs 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,
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
