Když už teď znáte několik CSS vlastností,
chci vám na nich něco ukázat.
Možná jste na to přišli sami.
Říká se tomu dědičnost.
Některé CSS vlastnosti jsou dědičné,
což znamená, že platí také
na všechny potomky daného tagu.
Například 'font-family'
je dědičná vlastnost.
Když nastavíme 'font-family'
pro tag ,
tak se automaticky použije i na všechny
tagy uvnitř , tedy na jeho potomky.
Například na <h1> nebo na odstavce.
Dědičnost se zastaví až ve chvíli,
když narazí na jiné pravidlo.
Například u nadpisů <h2>, kde přenastavujeme
'font-family' na psací písmo.
Další dědičná vlastnost je barva písma.
Pokud ji nastavíme v <body>,
uvidíme, jak se přenese i na
ostatní tagy uvnitř těla stránky,
opět dokud hodnotu nepřepíšeme.
Například tady jsme nastavili
barvu písma na zelenou.
Další dědičné vlastnosti jsou tučnost,
velikost, styl, výška řádku, zarovnání textu
a spousta dalších vlastností textu.
Prohlížečům je jasné,
že tvůrci stránky to takto chtějí,
protože jinak by museli stylovat
všechno znovu na každé úrovni.
Většina vlastností, které si ukážeme
dál, ale dědičné nebudou.
Pokud si nejste jistí, jestli je
vlastnost dědičná nebo ne,
tak jí připište k tagu <body>
a uvidíte, co se stane.
Nebo si tu vlastnost vyhledejte na internetu
a přečtěte si k ní dokumentaci .