Den angränsande syskonkombinationen i CSS är inte en väljare ensam, utan ett sätt att kombinera två väljare. Till exempel:
p + p ( margin: 0; )Plustecknet (+) är den angränsande syskonkombinationen, mellan två stycke tag (element) väljare. Vad detta betyder är "välj en stycke tagg som är direkt efter en annan stycke tagg (med inget däremellan)". Här är några exempel på vad det skulle välja:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Detta är främst användbart för när du använder semantisk markering och behöver justera för vissa scenarier där element är direkt bredvid varandra.
Se Pen Adjacent Sibling Selector av Sara Cope (@saracope) på CodePen.
Fler resurser
- En bra användning för angränsande syskonkombinationer
- MDN-dokument
- W3C Spec
Webbläsarstöd
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Några | Några | Några | Några | 7+ | Några | Några |