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 .