Sélecteurs d'attributs

45 min Niveau 8

Les sélecteurs d’attributs permettent de cibler des éléments HTML spécifiques en fonction de leurs attributs ou de la valeur d’un attribut.

Sélecteur d’attribut

Pour sélectionner un attribut, il faut utiliser les crochets [ ].

Exemple :

a[target] {
    color: red; /* Tous les éléments <a> avec un attribut target sont en rouge */
}

L’attribut avec une valeur

Le langage CSS permet de sélectionner les éléments avec un attribut particulier. Pour ce faire, il faut utiliser le sélecteur d’attribut de cette manière : sélecteur[attribut="valeur"];.

Exemple :

a[target="_blank"] {
    color: red; /* Tous les éléments <a> dont la valeur de l'attribut target est _blank sont en rouge */
}

Le sélecteur ~

logo discord

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !

En savoir plus