Загрузка…
Как работает
Inheritance — часть computed values: некоторые свойства передаются от родителя к потомкам, если у потомка не задано своё значение.
Обычно наследуются: color, font-*, line-height, text-align, visibility, cursor…
Обычно не наследуются: margin, padding, border, width, background, display…
Принудительно:
.child {
color: inherit; /* взять у родителя */
all: unset; /* сброс + частично inherit для наследуемых */
}initial — начальное значение свойства; unset — inherit если свойство наследуемое, иначе initial. Понимание inheritance объясняет, почему font-size «течёт» по дереву, а border — нет.