Sélecteur par valeur d'attribut

Le sélecteur par valeur d'attribut permet de sélectionner des éléments en fonction de la présence d'un attribut spécifique ou de sa valeur et de leur appliquer le style souhaité.

Exemple

Prenons la balise input, dont la valeur de l'attribut type est égale à text, et donnons-lui une couleur de fond bleu clair :

html<p>
  <label>Entrez du texte</label>
  <input type="text">
</p>
<p>
  <label>Entrez un nombre</label>
  <input type="number">
</p>

cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

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 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 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 fraternel,
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