Урок с практикой по CSS (Онлайн курсы)
Выбрать другой урок из курса
Обсуждение
Теория урока

Наследование в CSS

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

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

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

Пример 2
p { color: red; }

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

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

<
×
>
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.