Как происходит наследование стилей в CSS?

Наследование стилей в CSS происходит по принципу "от родителя к потомку". Некоторые свойства CSS наследуются, то есть их значение применяется к дочерним элементам, если явно не указано иное. Другие свойства не наследуются.

Пример наследуемых свойств:

• color
• font-family
• font-size
• text-align
• line-height

Пример не наследуемых свойств:

• border
• margin
• padding
• background-color
• width
• height

Для управления наследованием используются ключевые слова:

• inherit: Применяет вычисленное значение свойства от родительского элемента.
• initial: Сбрасывает значение свойства к его начальному (браузерному) значению.
• unset: Для наследуемых свойств работает как inherit, для не наследуемых - как initial.
• revert: Сбрасывает значение свойства к значению, определенному таблицей стилей пользовательского агента (браузера) или авторской таблицей стилей с более низким приоритетом. По сути, отменяет применения более поздних стилей.

Пример использо