CSS pēcnācēju atlasītājs ir jebkurš selektors ar atstarpi starp diviem selektoriem bez kombinatora. Šeit ir daži piemēri:
ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )Veikt ul li ( ), piemēram. Tas nozīmē "jebkuru saraksta vienību, kas ir nesakārtota saraksta pēctecis".
Pēctecis nozīmē jebkuru vietu, kas tajā atrodas DOM kokā. Varētu būt tiešs bērns, varētu būt piecu līmeņu dziļumā, tas joprojām ir pēcnācējs. Tas atšķiras no bērnu kombinatora (>), kas prasa, lai elements būtu nākamais ligzdotais līmenis lejup.
Lai ilustrētu, div span ( )sakritīs:
I will match
- I will match too
Jums, iespējams, nevajadzētu par to ļoti uztraukties, taču viltīgais atlasītājs ir diezgan "dārgs" - tas nozīmē, ka grūti / lēni renderēt motorus, lai saprastu un paveiktu lietas. MDN:
Pēcnācēju selektors ir visdārgākais selektors CSS. Tas ir šausmīgi dārgi, it īpaši, ja atlasītājs ir tagu vai universālajā kategorijā.
Bet tikai salīdzinājumā ar citiem atlasītājiem. Tas joprojām ir ārkārtīgi ātri, un jūs, iespējams, nekad to nepamanīsit, ja vien nepazudīsit.
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Jebkurš | Jebkurš | Jebkurš | Jebkurš | Jebkurš | Jebkurš | Jebkurš |