CSS: n jälkeläisvalitsin on mikä tahansa valitsin, jonka kahden valitsimen välissä on tyhjää tilaa ilman yhdistintä. Tässä on joitain esimerkkejä:
ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )Otetaan ul li ( )esimerkiksi. Se tarkoittaa "mitä tahansa luettelokohtaa, joka on järjestämättömän luettelon jälkeläinen".
Jälkeläinen tarkoittaa mitä tahansa sen sisällä olevaa DOM-puuta. Voisi olla suora lapsi, voisi olla viiden tason syvä, se on edelleen jälkeläinen. Tämä on erilainen kuin lapsikombinaattori (>), joka vaatii elementin olevan seuraava sisäkkäinen taso alaspäin.
Havainnollistaa, div span ( )vastaa:
I will match
- I will match too
Sinun ei luultavasti pitäisi huolehtia siitä kovin paljon, mutta petollinen valitsin on melko "kallis" - mikä tarkoittaa kovaa / hidasta moottoreiden renderoimiseksi selvittämään ja tekemään asioita. MDN:
Jälkeläisvalitsin on CSS: n kallein valitsin. Se on pelottavan kallista, varsinkin jos valitsin kuuluu Tag- tai Universal-luokkaan.
Mutta vain verrattuna muihin valitsimiin. Se on edelleen paahtavan nopeasti, etkä todennäköisesti koskaan huomaa sitä, ellet mene hulluksi.
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa | Minkä tahansa |