Panduan Kombinator CSS

Penggabung CSS

Penggabung adalah simbol yang digunakan untuk menggambarkan hubungan antara pemilih.

Tabel di bawah menunjukkan berbagai pemilih penggabung CSS:

Nama Simbol Contoh Keterangan contoh
Pemilih anak > div > p Pilih semua elemen <p> yang menjadi anak langsung elemen <div>.
Pemilih kakek （sajak tunggal） div p Pilih semua elemen <p> di dalam elemen <div>.
Pemisah ruang nama | ns | h2 Pilih semua elemen <h2> dalam ruang nama ns.
Pemilih saudara sejauh yang sama + div + p Pilih elemen <p> yang berikutnya di sebelah <div> pertama.
Pilih senarai pemilih , div, p Pilih semua elemen <div> dan semua elemen <p>.
Pemilihan penyanggut saudara ~ p ~ ul Pilih semua elemen <ul> yang terdahulu kepada elemen <p>.