A CSS leszármazott szelektora bármely olyan szelektor, amelynek kombinátor nélkül két szelektor között van fehér tér. Íme néhány példa:
ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )Vegyük ul li ( )például. Ez azt jelenti, hogy „minden olyan listaelem, amely rendezetlen lista leszármazottja”.
A leszármazott azt jelenti, hogy bármi beágyazódik benne a DOM-fában. Lehet közvetlen gyermek, lehet öt szint mély, még mindig egy leszármazott. Ez különbözik a gyermek kombinátortól (>), amely megköveteli, hogy az elem a következő beágyazott szinttel lejjebb legyen.
Szemléltetésképpen div span ( )megegyezik:
I will match
- I will match too
Valószínűleg nem kellene nagyon aggódnia miatta, de a megtévesztett választó meglehetősen "drága" - ami azt jelenti, hogy nehéz / lassú a motorok rendereléséhez, hogy kitaláljanak és másokkal foglalkozzanak. MDN:
A leszármazott szelektor a legdrágább szelektor a CSS-ben. Rettenetesen drága - különösen, ha a választó a Tag vagy az Universal kategóriába tartozik.
De csak a többi szelektorhoz képest. Ez még mindig lángolóan gyors, és valószínűleg soha nem fogja észrevenni, hacsak meg nem bolondul.
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Bármi | Bármi | Bármi | Bármi | Bármi | Bármi | Bármi |