CSS-i külgnev õdede-vendade kombinator pole iseseisev valija, vaid viis kahe selektori ühendamiseks. Näiteks:
p + p ( margin: 0; )Plussmärk (+) on külgnev õdede-vendade kombinator kahe lõigusildi (elemendi) valija vahel. See tähendab, et „valige ükskõik milline lõikemärgend, mis asub otse teise lõikemärgendi järel (kus pole midagi vahepealset)”. Siin on mõned näited selle kohta, mida see valiks:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
See on enamasti kasulik semantilise märgistuse kasutamisel ja vajadusel kohandada teatud stsenaariumide jaoks, kus elemendid asuvad otse üksteise kõrval.
Vaadake CodePen'is Sara Cope'i (@saracope) pliiatsi kõrval asuvat õde-venda.
Rohkem ressursse
- Hea kasutamine kõrvuti asetsevate õdede-vendade kombinaatorite jaoks
- MDN-i dokumendid
- W3C spetsifikatsioon
Brauseri tugi
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Ükskõik | Ükskõik | Ükskõik | Ükskõik | 7+ | Ükskõik | Ükskõik |