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 :
<p>
<label>Entrez du texte</label>
<input type="text">
</p>
<p>
<label>Entrez un nombre</label>
<input type="number">
</p>
input[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
