Den tilstødende søskendekombinator i CSS er ikke en vælger alene, men en måde at kombinere to vælgere på. For eksempel:
p + p ( margin: 0; )Plustegnet (+) er den tilstødende søskendekombinator mellem to afsnit-markører (element). Hvad dette betyder er "vælg ethvert afsnitstag, der er direkte efter et andet afsnitstag (med intet imellem)". Her er nogle eksempler på, hvad det ville vælge:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Dette er for det meste nyttigt til når du bruger semantisk markering og har brug for at justere for bestemte scenarier, hvor elementerne er direkte ved siden af hinanden.
Se pen tilstødende søskendevælger af Sara Cope (@saracope) på CodePen.
Flere ressourcer
- En fin anvendelse til tilstødende søskendekombinatorer
- MDN Docs
- W3C Spec
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Nogen | Nogen | Nogen | Nogen | 7+ | Nogen | Nogen |