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 |