Термин

Наследование CSS: свойства от родителя

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

Что означает термин#

По умолчанию наследуются, например, многие свойства текста. Размеры и отступы обычно не наследуются. Это отличается от ситуации, когда селектор напрямую выбирает потомка. Ключевое слово inherit позволяет явно взять вычисленное значение свойства у родителя.

Практический пример#

У контейнера задан color: #333. Текст вложенного абзаца получает этот цвет, пока другое правило не установит свой. Но padding контейнера не превращается автоматически во внутренние отступы каждого дочернего элемента.

Как проверить#

В DevTools посмотрите вычисленное значение и секцию унаследованных правил. Если изменение родителя не влияет на потомка, проверьте собственные объявления, специфичность и порядок каскада. Не добавляйте !important до выяснения причины. Для исправления компонента полезно проверить несколько уровней вложенности и состояния ссылки, кнопки и формы: у них могут действовать отдельные стили браузера или проекта.

Источники#

Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.

Продолжить разбор