Potomek selektor v CSS je libovolný selektor s mezerou mezi dvěma selektory bez kombinátoru. Zde je několik příkladů:
ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )Vezměme ul li ( )si například. To znamená „jakákoli položka seznamu, která je potomkem neuspořádaného seznamu.“
Potomkem se rozumí kdekoli vnořené v rámci stromu DOM. Mohlo by to být přímé dítě, mohlo by to být pět úrovní hluboko, je to stále potomek. To se liší od podřízeného kombinátoru (>), který vyžaduje, aby byl prvek další vnořenou úrovní dolů.
Pro ilustraci div span ( )bude odpovídat:
I will match
- I will match too
Pravděpodobně byste si s tím moc dělat starosti neměli, ale zvolený selektor je docela „drahý“ - to znamená, že vykreslování motorů je těžké / pomalé, aby na to přišlo. MDN:
Potomek selektor je nejdražší selektor v CSS. Je to strašně drahé - zvláště pokud je selektor v tagu nebo univerzální kategorii.
Ale pouze ve srovnání s jinými selektory. Je to stále neuvěřitelně rychlé a pravděpodobně si to nikdy nevšimnete, pokud se nezblázníte.
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Žádný | Žádný | Žádný | Žádný | Žádný | Žádný | Žádný |