Panduan Referensi Pemilih CSS

Pemilih CSS

Pemilih CSS digunakan untuk "menemukan" (atau memilih) elemen HTML yang ingin Anda atur gaya.

Gunakan pengujian pemilih CSS kami untuk menunjukkan pemilih yang berbeda.

Pemilih Sederhana CSS

Pemilih sederhana menentukan elemen berdasarkan nama elemen, id, dan class. Selain itu, ada pemilih umum (*)

Pemilih Contoh Deskripsi Contoh
element p Pilih semua elemen <p>.
#id #firstname Pilih elemen yang memiliki id="firstname".
* * Pilih semua elemen.
.class .intro Pilih setiap elemen yang memiliki class="intro".

Pemilih Atribut CSS

Pemilih atribut memilih elemen HTML yang memiliki set atribut yang ditentukan.

Pemilih Contoh Deskripsi Contoh
[attribute] [target] Pilih setiap elemen yang memiliki atribut target.
[attribute=value] [target=_blank] Pilih setiap elemen yang memiliki atribut target="_blank".
[attribute~=value] [title~=flower] Pilih setiap elemen yang mengandung kata "flower" di atribut title.
[attribute|=value] [lang|=en] Pilih setiap elemen yang dimulai dengan "en" di nilai atribut langnya.
[attribute^=value] a[href^="https"] Pilih setiap elemen <a> yang dimulai dengan "https" di nilai atribut srcnya.
[attribute$=value] a[href$=".pdf"] Pilih setiap elemen <a> yang berakhir dengan ".pdf" di atribut srcnya.
[attribute*=value] a[href*="codew3c"] Pilih setiap elemen <a> yang mengandung substring "abc" di nilai atribut hrefnya.

Pemilih pengecampuran CSS

Pemilih Contoh Deskripsi Contoh
& & Aplikasikan gaya untuk elemen dalam konteks elemen lain