CSS3 [attribut^=valeur] Sélecteur

Définition et utilisation

CSS [attribut^=valeur] Le sélecteur est utilisé pour correspondre à chaque élément whose la valeur de l'attribut correspond à la valeur spécifiée.

Exemple

Exemple 1

Définir la couleur de fond pour tous les éléments <div> whose la valeur de l'attribut class commence par "test" :

div[class^="test"] {
  background: saumon;
}

Essayez-le vous-même

Exemple 2

Définir la couleur de fond pour tous les éléments whose la valeur de l'attribut class commence par "test" :

[class^="test"] {
  background: saumon;
}

Essayez-le vous-même

Grammaire CSS

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

Détails techniques

Version : CSS3

Prise en charge du navigateur

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

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Pages liées

Tutoriel CSS :Sélecteur d'attribut CSS

Tutoriel CSS :Détails de l' sélecteur d'attribut CSS