Ha a dokumentumfán egymás alatt helyezkedik el két elem, akkor a hierarchiában feljebb lévő a szülő eleme a alatta elhelyezkedőnek.
Ha egy páros címkével jelölt HTML elem nyitó és záró címkéi közé helyezünk (beágyazunk) egy másik HTML elemet, akkor a beágyazott elem az őt befogadó elem gyermeke lesz.
Body gyermeke minden olyan elem, amely <body>..</body> címkék között található, de nincs beágyazva más elembe.
Szülő_elem > Gyermek_elem
{
meghatározásblokk
}
/* az összes Gyermek_elem típusú elemre vonatkozik,
amely közvetlen őse Szülő_elem típusú.*/
amely közvetlen őse Szülő_elem típusú.*/
Példa:
Forráskód
<style>
body > p { color: blue; }
/* az összes olyan bekezdésre vonatkozik,
amelynek body a közvetlen őse */
</style>
...
<body>
<div class="div_1">
<p> A DIV gyermeke vagyok</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_gyermek.html