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"] {
  background-color: yellow;
}
p[lang="it"] {
  background-color: salmon;
}

Coba sendiri

Contoh 2

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

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

Coba sendiri

Grammar CSS

[atribut = nilai] {
  pernyataan css;
}

Detil teknis

Dukungan peramban

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