Potomak - CSS-triki

Anonim

Izbirnik potomcev v CSS je kateri koli izbirnik z razmikom med dvema izbirnikoma brez kombinatorja. Tu je nekaj primerov:

ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )

Vzemimo ul li ( )za primer. Pomeni "kateri koli element seznama, ki je potomec neurejenega seznama."

Potomec pomeni kjer koli v njem ugnezdeno drevo DOM. Lahko je neposreden otrok, lahko je globok pet stopenj, še vedno je potomec. To se razlikuje od podrejenega kombinatorja (>), ki zahteva, da je element naslednja ugnezdena raven navzdol.

Za ponazoritev se div span ( )bo ujemalo:

 I will match
  • I will match too

Verjetno vas zaradi tega ne bi smelo preveč skrbeti, vendar je izpustni izbirnik precej "drag" - kar pomeni težko / počasno za upodabljanje motorjev, s katerimi bi lahko ugotovili in delali stvari. MDN:

Izbirnik potomcev je najdražji izbirnik v CSS. Je strašno drago, še posebej, če je izbirnik v kategoriji Tag ali Universal.

A le v primerjavi z drugimi selektorji. Še vedno je neverjetno hitro in verjetno ga ne boste nikoli opazili, razen če ne ponorete.

Podpora za brskalnik

Chrome Safari Firefox Opera IE Android iOS
Kaj Kaj Kaj Kaj Kaj Kaj Kaj