sélecteur d’attribut

Il est possible de sélectionner un élément selon ses attributs. On place pour cela l’identificateur de l’attribut entre crochets [ ]. Il est aussi possible, en utilisant différents opérateurs, de restreindre la sélection en précisant une attente concernant la valeur associée à l’attribut.

exemples

HTML

<a href="#">Je suis un lien</a>

<a href="http://domain.tld">Je suis un lien</a>

<a href="monfichier.pdf">Je suis un lien</a>

CSS

[href] { /* tous les éléments avec l'attribut href*/ }

[href="http://domain.tld"] { /* tous les éléments avec l'attribut href associé à la valeur "http://domain.tld" */ }

[href$=".pdf"] { /* tous les éléments avec l'attribut href dont la valeur finit par */ }

Voir aussi

Voir en ligne un exemple plus complet et commenté ou cet exemple alternatif

Note

Ce type de sélecteur fait partie des moins performants. Ils sont à réserver à des cas particuliers.

Voir aussi

Il existe d’autres possibilités qui sont présentées dans la documentation relative