Da bi razumeli dedovanje (prenašanje lastnosti), moramo razumeti, da ima vsaka spletna stran nadrejene in podrejene elemente, lahko bi rekli, da je organizirana s starši in otroki. Podrejen element (otrok) je vsak element, ki je obkrožen z nadrejenim elementom (staršem).

Nadrejeni element vseh elementov, ki so na spletni strani, je < body>. Vsi drugi elementi so v odnosu do njega podrejeni. To je zato, ker se vsi nahajajo med ukazoma < body> in < /body>.

Poglejmo si poenostavljeno spletno stran:

< html>
< head>
< title>Primer< /title>
< /head>
< body>
< p>Janez Novak.< /p>
< p>To je moje ime.< /p>
< body>
< /html>

Oba odstavka se nahajata med ukazoma < body> in < /body>, zato sta podrejena elementa nadrejenega elementa < body>.

Če določimo kodo CSS za element "body" ...

body {
font-size: 1.5em;
}

… bo velikost vsega besedila 1.5em, ne glede na to, ali so to naslovi ali katerokoli drugo besedilo na spletni strani.
Če želimo, da bo imel kakšen del besedila drugačno velikost, moramo preglasiti dedovanje. To lahko naredimo v svoji kodi CSS.

Če določimo ...

h2 {
font-size: 3em;
}

… bi v kodi HTML dodani naslov h2 imel velikost 3em, ne glede na običajno velikost v brskalniku.