Panduan Referensi Komponen CSS

Rekomendasi kursus:

Kombinator CSS

Kombinator adalah simbol yang digunakan untuk menggambarkan hubungan antar pemilih.

Tabel di bawah menunjukkan kombinator yang berbeda dalam CSS: Nama Simbol Contoh
Deskripsi contoh Pemilih anak > div > p
Pilih semua elemen <p> yang adalah anak langsung elemen <div>. Pemilih kaku (spasi tunggal) div p
Pilih semua elemen <p> yang berada di dalam elemen <div>. Pemisah namespace | ns | h2
Pemilih saudara mendekati + div + p Pilih elemen <p> yang berikutnya di sebelah <div> pertama.
Daftar pemilih , div, p Pilih semua elemen <div> dan semua elemen <p>.
Pemilih saudara berikutnya ~ p ~ ul Pilih semua elemen <ul> yang terdahulu memiliki elemen <p>.