CSS'deki bitişik kardeş birleştirici kendi başına bir seçici değil, iki seçiciyi birleştirmenin bir yoludur. Örneğin:
p + p ( margin: 0; )Artı işareti (+), iki paragraf etiketi (öğe) seçicisi arasındaki bitişik kardeş birleştiricidir. Bunun anlamı, "başka bir paragraf etiketinin hemen ardından gelen (arada hiçbir şey olmadan) herhangi bir paragraf etiketi seçin". İşte seçeceği şeyle ilgili bazı örnekler:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Bu, çoğunlukla semantik işaretlemeyi kullanırken ve öğelerin doğrudan yan yana olduğu belirli senaryolar için ayarlama yapılması gerektiğinde yararlıdır.
CodePen'de Sara Cope (@saracope) tarafından hazırlanan Pen Adjacent Kardeş Seçici'yi görün.
Daha fazla kaynak
- Bitişik Kardeş Kombinatörler için iyi bir kullanım
- MDN Belgeleri
- W3C Özellikleri
Tarayıcı Desteği
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Hiç | Hiç | Hiç | Hiç | 7+ | Hiç | Hiç |