Kombinator saudara yang berdekatan di CSS bukanlah selektor itu sendiri, tetapi cara untuk menggabungkan dua selektor. Sebagai contoh:
p + p ( margin: 0; )Tanda plus (+) adalah kombinator saudara yang berdekatan, antara dua pemilih tag paragraf (elemen). Artinya adalah "pilih tag paragraf apa pun yang berada tepat setelah tag paragraf lain (tanpa ada di antaranya)". Berikut beberapa contoh yang akan dipilihnya:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Ini sebagian besar berguna saat menggunakan markup semantik dan perlu menyesuaikan untuk skenario tertentu di mana elemen berada tepat di samping satu sama lain.
Lihat Pemilih Saudara yang Berdekatan dengan Pena oleh Sara Cope (@saracope) di CodePen.
Sumber Daya Lainnya
- Penggunaan yang bagus untuk Penggabung Saudara yang Berdekatan
- Dokumen MDN
- Spesifikasi W3C
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| Apa saja | Apa saja | Apa saja | Apa saja | 7+ | Apa saja | Apa saja |