Den tilstøtende søskenkombinatoren i CSS er ikke en velger alene, men en måte å kombinere to velgere på. For eksempel:
p + p ( margin: 0; )Plusstegnet (+) er den tilstøtende søskenkombinatoren, mellom to leddmerker (element). Hva dette betyr er "velg hvilken som helst avsnittstagg som er rett etter en annen avsnittstagg (med ingenting i mellom)". Her er noen eksempler på hva det vil velge:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Dette er mest nyttig for når du bruker semantisk markering og trenger å justere for visse scenarier der elementene er rett ved siden av hverandre.
Se Pen Adjacent Sibling Selector av Sara Cope (@saracope) på CodePen.
Flere ressurser
- En fin bruk for tilstøtende søskenkombinatorer
- MDN Docs
- W3C spesifikasjon
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Noen | Noen | Noen | Noen | 7+ | Noen | Noen |