CSS [atribut=nilai] Pemilih

Definisi dan penggunaan

CSS [atribut=nilai] Pemilih digunakan untuk memilih elemen yang memiliki atribut yang ditentukan dan nilai atribut yang sepenuhnya cocok.

Contoh

Contoh 1

Pilih dan atur gaya semua elemen <a> dengan target="_blank". Pilih dan atur gaya semua elemen <p> dengan lang="it":

a[target="_blank"] {
  warna-latar: kuning;
}
p[lang="it"] {
  warna-latar: salmon;
}

Coba sendiri

Contoh 2

Atur lebar elemen <input type="text"> menjadi 100px. Namun, ketika ia mendapatkan fokus, atur lebarnya menjadi 250px:

input[type="text"] {
  lebar: 100px;
}
input[type="text"]:focus {
  lebar: 250px;
}

Coba sendiri

Gramatika CSS

[atribut = nilai] {
  deklarasi css;
}

Detil teknis

Dukungan browser

Angka di dalam tabel menunjukkan versi browser pertama yang mendukung pemilihan pilihan ini.