Selektor potomka u CSS-u je bilo koji selektor s praznim razmakom između dva selektora bez kombinatora. Evo nekoliko primjera:
ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )Uzmimo ul li ( )za primjer. To znači "bilo koju stavku popisa koja je potomak nesređenog popisa."
Potomak znači bilo gdje ugniježđeno unutar njega u DOM stablu. Može biti izravno dijete, može biti duboko pet razina, još uvijek je potomak. To se razlikuje od podređenog kombinatora (>) koji zahtijeva da element bude sljedeća ugniježđena razina prema dolje.
Za ilustraciju, div span ( )podudarat će se:
I will match
- I will match too
Vjerojatno se zbog toga ne biste trebali puno brinuti, ali pomaknuti odabir je prilično "skup" - što znači teško / sporo za prikazivanje motora s kojima mogu raditi. MDN:
Selektor potomka najskuplji je selektor u CSS-u. To je užasno skupo - pogotovo ako je birač u kategoriji Oznaka ili Univerzalna.
Ali samo u usporedbi s drugim selektorima. I dalje je zapanjujuće brzo i vjerojatno to nikada nećete primijetiti ako ne poludite.
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Bilo koji | Bilo koji | Bilo koji | Bilo koji | Bilo koji | Bilo koji | Bilo koji |