Pemilih Gabungan CSS

Pemilih Gabungan CSS

Pemilih gabungan menggambarkan hubungan langsung antara dua pemilih.

Pemilih gabungan CSS termasuk pelbagai kombinasi pemilih mudah.

mengandungi empat kaedah gabungan dalam CSS3:

Pemilih keturunan (dipisahkan dengan ruang)

Pemilih elemen kanak-kanak (dipisahkan dengan lebih besar daripada tanda)

Adik beradik bersebelahan pemilih (dipisahkan dengan tanda tambah)

Pemilih adik beradik biasa (dipisahkan dengan sempang)

Pemilih keturunan

Pemilih keturunan sepadan dengan semua elemen keturunan yang layak.

Contoh berikut memilih semua <p> elemen dan memasukkannya ke dalam elemen <div> Pemilih (Pemilih kanak-kanak) hanya boleh memilih elemen yang merupakan anak kepada elemen.

Contoh berikut memilih semua elemen anak langsung<p> dalam elemen <div> elemen serta-merta mengikuti elemen lain, dan kedua-duanya mempunyai elemen induk yang sama.

Jika anda perlu memilih elemen sejurus selepas elemen lain, dan kedua-duanya mempunyai elemen induk yang sama, anda boleh menggunakan pemilih adik beradik bersebelahan.

Contoh berikut memilih semua elemen <p> pertama selepas elemen <div> unsur adik beradik yang bersebelahan dengan unsur yang ditentukan.

Contoh berikut memilih semua elemen adik beradik bersebelahan <p> daripada semua elemen <div> .