CSS [attribut=valeur] Sélecteur

Définition et utilisation

CSS [attribut=valeur] Les sélecteurs sont utilisés pour sélectionner des éléments qui ont une propriété spécifiée et une valeur qui correspond exactement.

Exemple

Exemple 1

Sélectionner et définir le style de tous les éléments <a> avec target="_blank". En même temps, sélectionner et définir le style de tous les éléments <p> avec lang="it" :

a[target="_blank"] {
  background-color: jaune;
}
p[lang="it"] {
  background-color: saumon;
}

Essayez-le vous-même

Exemple 2

Définir la largeur de l'élément <input type="text"> à 100px. Cependant, lorsque l'élément obtient le focus, définir sa largeur à 250px :

input[type="text"] {
  width: 100px;
}
input[type="text"]:focus {
  width: 250px;
}

Essayez-le vous-même

Grammaire CSS

[attribut = valeur] {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau représentent la première version de navigateur qui prend en charge ce sélecteur.