CSS [attribut~=värde] Väljare

Definition och användning

CSS [attribut~=värde] Väljare används för att välja element som innehåller ett specifikt ord i attributvärdet.

Följande exempel kommer att matcha element med title="flower", title="sommarblomma" och title="flower new", men inte element med title="my-flower" eller title="blommor".

Exempel

Välj och ställ in stilen för alla element som har en title-attribute som innehåller ordet "flower":

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

Prova själv

CSS-syntax

[attribut ~= värde] {
  css deklarationer;
}

Tekniska detaljer

Webbläsarstöd

Talen i tabellen betyder att den första webbläsaren som helt stöder denna väljare är.