Panduan Rujukan Pemilih CSS

Pemilih CSS

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

Gunakan pemilih pemeriksaan pemilih CSS kami untuk menunjukkan pemilih yang berbeda.

Pemilih Sederhana CSS

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

Pemilih Contoh Penggambangan Contoh
element p Pilih semua elemen <p>.
#id #firstname Pilih elemen dengan id="firstname".
* * Pilih semua elemen.
.class .intro Pilih setiap elemen dengan class="intro".

Pemilih Atribut CSS

Pemilih atribut memilih elemen HTML dengan set atribut yang diberikan.

Pemilih Contoh Penggambangan 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 nilai title.
[attribute|=value] [lang|=en] Pilih setiap elemen yang dimulai dengan "en" di nilai langnya.
[attribute^=value] a[href^="https"] Pilih setiap elemen <a> yang dimulai dengan "https" di nilai srcnya.
[attribute$=value] a[href$=".pdf"] Pilih setiap elemen <a> yang berakhir dengan ".pdf" di nilai srcnya.
[attribute*=value] a[href*="codew3c"] Pilih setiap elemen <a> yang mengandung substrung "abc" di nilai hrefnya.

Pemilih pengecampuran CSS

Pemilih Contoh Penggambangan Contoh
& & Menerapkan gaya bagi elemen dalam konteks elemen lain