Gretimas brolis ir sesuo - CSS-gudrybės

Turinys:

Anonim

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