De aangrenzende combinator op hetzelfde niveau in CSS is geen selector op zich, maar een manier om twee selectors te combineren. Bijvoorbeeld:
p + p ( margin: 0; )Het plusteken (+) is de aangrenzende combinator tussen twee alinea-tag (element) selectors. Dit betekent "selecteer een alineatag die direct na een andere alineatag staat (met niets ertussenin)". Hier zijn enkele voorbeelden van wat het zou selecteren:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Dit is vooral handig bij het gebruik van semantische opmaak en bij het aanpassen van bepaalde scenario's waarin elementen direct naast elkaar staan.
Zie de Pen aangrenzende Sibling Selector door Sara Cope (@saracope) op CodePen.
Meer middelen
- Een prima gebruik voor aangrenzende broers en zussen
- MDN Docs
- W3C Spec
Browser-ondersteuning
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| Ieder | Ieder | Ieder | Ieder | 7+ | Ieder | Ieder |