CSS [atrybut~=wartość] selektor

Definicja i użycie

CSS [atrybut~=wartość] Selektor jest używany do wyboru elementów, które zawierają określone słowo w wartości atrybutu.

Poniższy przykład dopasuje elementy o atrybucie title="flower", title="summer flower" i title="flower new", ale nie dopasuje elementów o atrybucie title="my-flower" lub title="flowers".

Przykład

Wybierz i ustaw styl dla wszystkich elementów, które zawierają w atrybucie title słowo "flower":

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

Spróbuj sam

Gramatyka CSS

[atrybut ~= wartość] {
  deklaracje css;
}

Szczegóły techniczne

Wsparcie przeglądarek

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje ten selektor.