Sélecteur [ATTRIBUT = valeur]
Rôle
Le sélecteur d’ attribut désigné par la syntaxe [attribut=valeur] permet de cibler les éléments avec l’attribut et la valeur spécifié.
Note : il s’agit ici de la valeur exacte associée à l’attribut.
Dans cet exemple, le bouton ‘ok’ aura un fond orange, puisqu’il contient l’attribut type avec la valeur « button ».
input[type=button]{
background-color: orange;
}
<label>Pseudo</label>
<input type="text">
<input type="button" value="ok">
Testez vous-même ce sélecteur
Utilisez Codepen.
input est coloréCompatibilité
Le sélecteur d’attribut de valeur est pris en charge par tous les principaux navigateurs
A voir aussi
#id (sélecteur id)
.class (sélecteur class)
#head p>em (sélecteur contextuel)
p (sélecteur balise)
p,h1 (sélecteur multiple)
* (sélecteur universel)
p a (sélecteur descendant)
p>a (sélecteur enfant)
[] (sélecteur d’attribut)
[attribut=valeur]
[attribut~=valeur]
[attribut|=valeur]
[attribut^=valeur]
[attribut$=valeur]
[attribut*=valeur]
h1+p (sélecteur adjacent)
