Potomok selektor v CSS je akýkoľvek selektor s bielym priestorom medzi dvoma selektormi bez kombinátora. Tu je niekoľko príkladov:
ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )Vezmime ul li ( )si napr. Znamená to „ľubovoľnú položku zoznamu, ktorá je potomkom neusporiadaného zoznamu.“
Potomok znamená kdekoľvek vnorené v strome DOM. Môže to byť priame dieťa, môže mať päť úrovní, je to potomok. Toto sa líši od podradeného kombinátora (>), ktorý vyžaduje, aby bol prvok v ďalšej vnorenej úrovni nadol.
Na ilustráciu div span ( )bude zodpovedať:
I will match
- I will match too
Pravdepodobne by ste si s tým nemali robiť veľké starosti, ale skreslený selektor je dosť „drahý“ - čo znamená, že vykreslenie je ťažké / pomalé, aby to bolo možné zistiť a urobiť s tým niečo iné. MDN:
Potomok selektor je najdrahší selektor v CSS. Je to strašne drahé - najmä ak je selektor v kategórii značiek alebo univerzálnych kategórií.
Ale iba v porovnaní s ostatnými selektormi. Stále je to ohromne rýchle a pravdepodobne sa to nikdy nezbadáte, pokiaľ sa nezbláznite.
Podpora prehľadávača
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| akýkoľvek | akýkoľvek | akýkoľvek | akýkoľvek | akýkoľvek | akýkoľvek | akýkoľvek |