Susedný kombinátor súrodencov v CSS nie je selektor sám o sebe, ale spôsob kombinácie dvoch selektorov. Napríklad:
p + p ( margin: 0; )Znamienko plus (+) je susedný kombinátor súrodencov medzi dvoma selektormi odstavcov (prvkov). Čo to znamená, je „vybrať ľubovoľnú značku odseku, ktorá je priamo za ďalšou značkou odseku (bez medzier)“. Tu je niekoľko príkladov toho, čo by vybral:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
To je väčšinou užitočné pri použití sémantického označenia a nutnosti úpravy pre určité scenáre, v ktorých sú prvky priamo vedľa seba.
Prezrite si program Susedia na výber súrodencov od Sary Cope (@saracope) na stránkach CodePen.
Ďalšie zdroje
- Dobré použitie pre susedné kombinácie súrodencov
- Dokumenty MDN
- Špecifikácia W3C
Podpora prehľadávača
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| akýkoľvek | akýkoľvek | akýkoľvek | akýkoľvek | 7+ | akýkoľvek | akýkoľvek |