CSS: n viereinen sisarusyhdistin ei ole itsenäinen valitsin, vaan tapa yhdistää kaksi valitsinta. Esimerkiksi:
p + p ( margin: 0; )Plussamerkki (+) on vierekkäinen sisarusyhdistin kahden kappaletagin (elementti) valitsimen välissä. Tämä tarkoittaa "valitse mikä tahansa kappaletagi, joka on suoraan toisen kappaletagin jälkeen (ilman mitään välissä)". Tässä on joitain esimerkkejä siitä, mitä se valitsisi:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Tämä on enimmäkseen hyödyllistä käytettäessä semanttista merkintää ja jouduttaessa mukautumaan tiettyihin tilanteisiin, joissa elementit ovat suoraan vierekkäin.
Katso Sara Copen (@saracope) kynän vieressä oleva sisarusvalitsin CodePenistä.
Lisää resursseja
- Hieno käyttö vieressä oleville sisaruskombinaattoreille
- MDN-dokumentit
- W3C tekniset tiedot
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa | 7+ | Minkä tahansa | Minkä tahansa |