Leszármazottkijelölő - Descedant selector
Ennek segítségével kijelölhetünk egy elem származtatott elemét, amely lehet gyermek, unoka, dédunoka, ükunoka, stb.
Használata:
elem1 elem2
A két elem közé szóközt teszünk. Gyakori hiba lehetőség, hogy a csoportoskijelölőnél elfelejtjük kitenni a vesszőt, így az mint Leszármazottkijelölő működik, teljesen más eredményt elérve, mint amit szeretnénk.
Nézzünk egy példát!
... ... <body>Leszármazottkijelölő használatára példa
- elem1
- elem2
- elem3
A példa dokumentumfája így néz ki:
A dolumentumfából látható egyszerűbben az alábbi: két "em" tag található a forrásban. Mível a kijelölőnél (a style résznél) azt mondtuk, hogy csak az "ul" tag leszármaztatott "em" tagjának a színét szeretnénk beállítani, ezért a dokumentum fában azt bejelöltem kék háttérszínnel. Ha jól működik a kijelölőnk (és miért ne működne jól), akkor csak a forráskód 11 sorában található "elem3" felíratnak kell kék színűnek lennie. Az eredmény a jobb oldalon látható.
Leszármazottkijelölő használatára példa
- elem1
- elem2
- elem3
Egy remek módja a kód "tisztán tartásának", illetve a CSS újrafelhasználhatóságának a leszármazott szelektorok alkalmazása. A támogatásuk nélkül minden CSS-sel formázott elemhez ID-kat, osztályokat kell fűzni. Ez feleslegesen növeli a file méretét, és bonyolítja a kódolást.
Böngésző támogatás:
A Leszármazottkijelölő nem működik a Netscape 4 és az IE 5 vagy anál régebbi verzióknál. Ki használja még ezeket? ...