Susjedni brat ili sestra - CSS-trikovi

Sadržaj:

Anonim

Susjedni kombinacija braće i sestara u CSS-u nije samostalni selektor, već način kombiniranja dvaju selektora. Na primjer:

p + p ( margin: 0; )

Znak plus (+) susjedni je kombinirajući brat ili sestra, između dva birača oznaka (elemenata) odlomaka. To znači "odaberite bilo koju oznaku odlomka koja je neposredno iza druge oznake odlomka (bez ičega između"). Evo nekoliko primjera onoga što bi odabralo:


I'm a paragraph

I get selected!

I'm a paragraph

Monkey hair

I will NOT get selected

To je uglavnom korisno kada se koristi semantičko označavanje i treba se prilagoditi određenim scenarijima u kojima su elementi izravno jedan do drugog.

Pogledajte olovku za odabir brata i sestara olovke Sara Cope (@saracope) na CodePen.

Više resursa

  • Fina upotreba za susjedne kombinacije braće i sestara
  • MDN dokumenti
  • W3C specifikacije

Podrška preglednika

Krom Safari Firefox Opera IE Android iOS
Bilo koji Bilo koji Bilo koji Bilo koji 7+ Bilo koji Bilo koji