Blakus esošais brālis un māsa - CSS-triki

Satura rādītājs:

Anonim

Blakus esošais brāļu un māsu kombinators CSS nav pats selektors, bet gan veids, kā apvienot divus selektorus. Piemēram:

p + p ( margin: 0; )

Plus zīme (+) ir blakus esošais brāļu un māsu kombinators starp diviem rindkopu tagu (elementu) atlasītājiem. Tas nozīmē, ka “atlasiet jebkuru rindkopas tagu, kas atrodas tieši aiz cita rindkopas taga (starp tiem nav nekā)”. Šeit ir daži piemēri, ko tā izvēlētos:


I'm a paragraph

I get selected!

I'm a paragraph

Monkey hair

I will NOT get selected

Tas galvenokārt ir noderīgi, lietojot semantisko marķējumu un jāpielāgojas noteiktiem scenārijiem, kuros elementi atrodas tieši blakus.

Skatiet Sara Cope (@saracope) pildspalvas blakus esošo māsu atlasītāju vietnē CodePen.

Vairāk resursu

  • Lieliski piemērots blakus esošajiem brāļu un māsu kombinatoriem
  • MDN dokumenti
  • W3C Spec

Pārlūka atbalsts

Chrome Safari Firefox Opera IE Android iOS
Jebkurš Jebkurš Jebkurš Jebkurš 7+ Jebkurš Jebkurš