A szomszédos testvér-kombinátor a CSS-ben nem önálló választó, hanem két szelektor kombinálásának módja. Például:
p + p ( margin: 0; )A pluszjel (+) a szomszédos testvérkombinátor, két bekezdés tag (elem) választó között. Ez azt jelenti, hogy „válasszon ki minden olyan tagcímkét, amely közvetlenül egy másik bekezdéscímke után van (semmi között nincs)”. Íme néhány példa arra, hogy mit választana:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Ez leginkább akkor használható, ha szemantikus jelölést használunk, és ki kell igazítanunk bizonyos forgatókönyveket, amelyekben az elemek közvetlenül egymás mellett vannak.
Lásd Sara Cope (@saracope) Toll melletti testvérválasztóját a CodePen-en.
További források
- Remekül használható a szomszédos testvérkombinátorokhoz
- MDN Docs
- W3C Spec
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Bármi | Bármi | Bármi | Bármi | 7+ | Bármi | Bármi |