Greta esantis CSS kombinatorius nėra atskiras selektorius, o būdas derinti du selektorius. Pavyzdžiui:
p + p ( margin: 0; )
Pliuso ženklas (+) yra gretimas brolių ir seserų kombinatorius, esantis tarp dviejų pastraipų žymos (elemento) selektorių. Tai reiškia, kad „pasirinkite bet kurią pastraipos žymą, esančią tiesiai po kitos pastraipos žymos (tarp jų nėra nieko)“. Štai keletas pavyzdžių, ką ji pasirinktų:
I'm a paragraph
I get selected!
I'm a paragraph
Monkey hair
I will NOT get selected
Tai dažniausiai naudinga, kai naudojamas semantinis žymėjimas ir reikia koreguoti pagal tam tikrus scenarijus, kai elementai yra tiesiai vienas šalia kito.
Žr. Sara Cope (@saracope), esančią šalia rašiklių, esančių šalia rašiklių, esančius „CodePen“.
Daugiau išteklių
- Puikiai naudojamas gretimiems brolių ir seserų kombinatoriams
- MDN dokumentai
- W3C specifikacija
Naršyklės palaikymas
„Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
---|---|---|---|---|---|---|
Bet koks | Bet koks | Bet koks | Bet koks | 7+ | Bet koks | Bet koks |