En efterfølgende vælger i CSS er enhver vælger med hvidt mellemrum mellem to vælgere uden en kombinator. Her er nogle eksempler:
ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )Tag ul li ( )for eksempel. Det betyder "ethvert listeelement, der stammer fra en ikke-ordnet liste."
Efterkommer betyder hvor som helst indlejret i det i DOM-træet. Kunne være et direkte barn, kunne være fem niveauer dybt, det er stadig en efterkommer. Dette er anderledes end en underordnet kombinator (>), som kræver, at elementet er det næste indlejrede niveau nede.
For at illustrere, div span ( )matcher:
I will match
- I will match too
Du bør sandsynligvis ikke bekymre dig meget om det, men den decedente vælger er ret "dyr" - hvilket betyder hårdt / langsomt for gengivelse af motorer til at finde ud af og gøre ting med. MDN:
Efterkommervælgeren er den dyreste vælger i CSS. Det er frygteligt dyrt - især hvis vælgeren er i tag eller universalkategori.
Men kun i sammenligning med andre vælgere. Det er stadig lynhurtigt, og du vil sandsynligvis aldrig bemærke det, medmindre du bliver skør.
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Nogen | Nogen | Nogen | Nogen | Nogen | Nogen | Nogen |