</> Praktum

Главная / CSS / Наследование в CSS

Урок 13 · CSS

Какие свойства дети берут у родителя

Цвет текста и шрифт дети наследуют. Рамку, отступ и фон — нет.

Почему это следующий шаг

Каскад выбрал правило. Наследование объясняет, почему цвет body вдруг есть у всех абзацев.

Как сделать

Имеет смысл задать на body шрифт, цвет и межстрочный интервал. Ссылки цвет не наследуют сами: им обычно нужен свой. Не задавай font-size каждому абзацу, если достаточно размера у родителя. Если дочерний элемент не должен наследовать, у него пишут своё значение. Ключевое слово inherit явно берёт значение родителя, initial возвращает исходное браузерное.

body {
  font-family: Georgia, serif;
  color: #221f1c;
  line-height: 1.5;
}
a { color: #2a4fbf; }

Что проверить

  • Абзацы получили шрифт от body.
  • Ссылка отличима от обычного текста.
  • Рамка родителя не появилась у детей сама.

Попробуй

Задай шрифт на body и отдельный цвет только ссылкам.