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 une valeur d’attribut qui doit contenir une valeur, peu importe l’endroit (début, milieu, fin..) .
Note : contrairement au sélecteur contenant une valeur [attribut~=valeur], la valeur n’a pas besoin d’être précédée ou suivie d’un espace( )
Dans cet exemple, le sélécteur d’attribut [href $= ».fr »] permet de cibler les liens externes avec l’extension de domaine se terminant par .fr
a[href$=".fr"]{ background-color: orange; }
<a href="https://tutowebdesign.com">visitez Tutovisuel</a><br> <a href="http://yahoo.fr" title="">visitez Yahoo</a> <a href="http://salsareseau.fr" title="">visitez Salsareseau</a>
Testez vous-même ce sélecteur
Compatibilité
Le sélecteur d’attribut contenir 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]
h1+p (sélecteur adjacent)
h1~p (sélecteur de proximité)