Dědičnost v CSS
Dědičnost v CSS znamená, že pokud nějakému HTML elementu (např. DIVu) přiřadíte CSS vlastnost, která se dokáže dědit, pak se může projevit i na prvcích vnořených uvnitř, kterým se také říká potomci. Díky dědičnosti není nutné nastavovat všem všechna pravidla a zkušenému kodérovi s dobře strukturovaným myšlením tato výhoda můžete ušetřit námahu i velikost výsledného CSS kódu. Má to však i stinnou stránku. Neznalí tohoto principu se mohou šeredně divit, co se to s jejich webovou stránkou děje. Dědičnost je možné kdykoli přepsat CSS pravidlem, které bude HTML elementu blíže, např. napsané přímo k danému HTML prvku.
Dědičné vlastnosti bývají zejména ty, jež se týkají textů a řádků. Jedná se o tyto CSS vlastnosti:
- font-family
- font-style
- font-variant
- font-size
- font-weight
- font
- text-align
- text-align-last
- text-indent
- text-justify
- text-shadow
- text-transform
- line-height
- list-style
- list-style-image
- list-style-position
- list-style-type
- color
- cursor
- visibility
- white-space
- word-break
- word-spacing
- word-wrap
- writing-mode
- tab-size
- quotes
- direction
- empty-cells
- hanging-punctuation
- unicode-bidi