⌘K

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 : 

html<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>
cssp[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
BackSélecteur par l'une des valeurs d'attributReferenceContents