VISSZA
MENÜ
TOVÁBBEgy HTML5 dokumentumban minden elem a html elem leszármazottja, mivel minden elem a <html ..>..</html> címkék között helyezkedik el. A html elem hierarchiába legfelső szintjén helyezkedik el, minden más elem alatta van. A html elem, így minden más elem őse, a többiek pedig az ő leszármazottja.
A hierarchia következő szintjén a body elem található. A <body> és </body> címkék által közrefogott elemek a body elem leszármazottjai, amelyekbe további elemek ágyazhatók. Ezek mind a body leszármazottjai.
Általánosságban elmondható, hogy minden elem leszármazottja minden a hierarchiában felette álló elemnek. (Az ősök nyitó és záró címkéi között helyezkedik el.)
elem1 elem2
{
meghatározásblokk
}
/*Az összes elem2 típusú elemre vonatkozik, amely valamely őse elem1 típusú.*/
Példa:
Forráskód
<style>
body p { color: blue; }
/* az összes olyan bekezdésre vonatkozik, amelynek body az őse */
</style>
...
<body>
<div class="div_1" title="body első gyermeke">
<p> A body unokája vagyok. <b>Én pedig a dédunoka.</b></p>
</div>
<p> A body gyermeke vagyok.</p>
</body>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_kijelolo_leszarmazott.html