Sélecteur ATTRIBUT
Rôle
Le sélecteur d’ attribut désigné par les signes [] permet de cibler les éléments avec l’attribut spécifié.
Note : il s’agit ici de vérifier la présence de l’attribut sans se soucier de la valeur.
Dans cet exemple, le premier lien sera orange et plus grand, puisqu’il contient l’attribut target.
a[target]{
font-size: 2em;
color: orange;
}
<a href="#" target="_blank">lien</a>
<a href="#">lien</a>
Testez vous-même ce sélecteur
Utilisez Codepen.
Compatibilité
Le sélecteur d’attribut 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)
