Sélecteur CSS [ attribut = valeur ]
Exemple
Stylez les éléments <a> avec un target="_blank":
a[target=_blank]
{
background-color: yellow;
}
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
Le sélecteur [ attribut = valeur ] est utilisé pour sélectionner des éléments avec l'attribut et la valeur spécifiés.
Version: | CSS2 |
---|
Prise en charge du navigateur
Les nombres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge le sélecteur.
Selector | |||||
---|---|---|---|---|---|
[attribute=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Syntaxe CSS
[attribute = value] {
css declarations;
}
Plus d'exemples
Exemple
Lorsqu'un <input type="text"> obtient le focus, changez progressivement la largeur de 100px à 250px :
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
Pages connexes
Tutoriel CSS : Sélecteurs d'attributs CSS