CSS [attribut~=valeur] Sélecteur

Définition et utilisation

CSS [attribut~=valeur] Le sélecteur est utilisé pour sélectionner les éléments dont la valeur de l'attribut contient un mot spécifique.

L'exemple suivant correspondra aux éléments title="flower", title="summer flower" et title="flower new", mais ne correspondra pas aux éléments title="my-flower" ou title="flowers".

Exemple

Sélectionnez et définissez le style des éléments contenant le mot "flower" dans l'attribut title :

[title~="flower"] {
  border: 5px solid green;
}

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 du navigateur qui prend en charge ce sélecteur.