Penggabungan saudara yang berdekatan di CSS bukan pemilih sendiri, tetapi cara menggabungkan dua pemilih. Sebagai contoh:
p + p ( margin: 0; )Tanda tambah (+) adalah penggabungan saudara sebelah, antara dua pemilih tag (elemen). Apa artinya ini adalah "pilih tag perenggan yang langsung setelah tag perenggan yang lain (tanpa apa-apa di antaranya)". Berikut adalah beberapa contoh pilihannya:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Ini sangat berguna ketika menggunakan markup semantik dan perlu menyesuaikan diri dengan senario tertentu di mana elemen berada tepat di sebelah satu sama lain.
Lihat Pemilih Adik Beradik Pen oleh Sara Cope (@saracope) di CodePen.
Lebih Banyak Sumber
- Penggunaan yang baik untuk Gabungan Saudara Bersebelahan
- Dokumen MDN
- Spesifikasi W3C
Sokongan Penyemak Imbas
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Sebarang | Sebarang | Sebarang | Sebarang | 7+ | Sebarang | Sebarang |