CSS [atribut~=value] Pemilih

Definisi dan penggunaan

CSS [atribut~=value] Pemilih digunakan untuk memilih elemen yang memiliki nilai atribut yang mengandung kata khusus.

Contoh di bawah ini akan cocok dengan elemen yang memiliki title="flower", title="summer flower" dan title="flower new", tetapi tidak cocok dengan title="my-flower" atau title="flowers".

Contoh

Pilih dan atur gaya elemen yang memiliki atribut title yang mengandung kata "flower":

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

Coba sendiri

Gramasi CSS

[atribut ~= value] {
  deklarasi css;
}

Detil teknis

Dukungan peramban

Angka di tabel menunjukkan versi browser pertama yang mendukung pemilih ini.