CSS [attribute|=value] Sélecteur

Définition et utilisation

CSS [attribute|=value] Le sélecteur est utilisé pour sélectionner les éléments having un attribut spécifié whose la valeur de l'attribut correspond pleinement ou commence par la valeur spécifiée suivie d'un tiret (-).

Attention :La valeur doit être un mot complet, soit seul, par exemple lang="en", soit suivi d'un tiret (-), par exemple lang="en-us".

Exemple

Exemple 1

Sélectionnez et définissez le style des éléments whose l'attribut lang vaut "en" ou "en-" :

[lang|="en"] {
  background-color: yellow;
}

Essayez-le vous-même

Exemple 2

Sélectionnez et définissez le style des éléments whose l'attribut class vaut "top" ou "top-" :

[class|="top"] {
  background-color: yellow;
}

Essayez-le vous-même

Grammaire CSS

[attribute |= value] {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

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