En etterkommervelger i CSS er hvilken som helst velger med hvitt mellomrom mellom to velgere uten kombinator. Her er noen eksempler:
ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )Ta ul li ( )for eksempel. Det betyr "ethvert listeelement som er etterkommer av en ikke-ordnet liste."
Etterkommer betyr hvor som helst nestet i den i DOM-treet. Kan være et direkte barn, kan være fem nivåer dypt, det er fortsatt en etterkommer. Dette er annerledes enn en barnekombinator (>) som krever at elementet er neste nestede nivå ned.
For å illustrere, div span ( )vil det matche:
I will match
- I will match too
Du burde sannsynligvis ikke bekymre deg for det veldig mye, men den desedente velgeren er ganske “kostbar” - noe som betyr vanskelig / treg for gjengivelse av motorer å finne ut og gjøre ting med. MDN:
Etterkommervelgeren er den dyreste velgeren i CSS. Det er fryktelig dyrt, spesielt hvis velgeren er i Tag eller Universal Category.
Men bare i forhold til andre velgere. Det er fortsatt lynrask, og du vil sannsynligvis aldri merke det med mindre du blir gal.
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Noen | Noen | Noen | Noen | Noen | Noen | Noen |