Codebra
25 января 2026 в 19:02

Урок 19. Наследование в CSS

Что такое наследование в CSS.
📝

Внимание! На этой странице вы найдете материал урока из архивного курса по CSS. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.

Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.

Полный список уроков доступен по тегу Архивный курс по CSS и на странице первого урока.

Наследование – не менее важный механизм в CSS, чем специфичность. Наследование – это применение стилей не только к самим элементам, но и к их потомкам. Рассмотрим на первом примере наследование.

<p>Это абзац в котором <b>есть тег</b> b</p>

Если мы применим код из примера 2, то красного цвета будет весь текст, который находится между тегами p, и элемент b нам не помешает.

p { color: red; }

То есть если бы не было наследования, то текст между p был бы красный, а текст между b был бы черный.

Не все свойства наследуются в CSS. Например, рамки, отступы, фон, выравнивание и другие не наследуются. Если посмотреть с точки зрения специфичности, то унаследованные значения вообще не имеют ее (специфичность).

📝

Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу CSS.