Приведи пример наследования стилей в CSS

Ответ

Наследование стилей в CSS означает, что дочерние элементы могут наследовать некоторые свойства от родительских элементов. Например, font-family, color, line-height и другие наследуются по умолчанию.

.parent {
  color: blue;
  font-family: Arial;
  padding: 10px; /* Не наследуется */
}

.child {
  /* Наследует color и font-family от .parent */
  border: 1px solid black; /* Собственное свойство */
}

<div class="parent">
  Текст родителя (синий, Arial)
  <div class="child">Текст ребёнка (наследует синий и Arial)</div>
</div>

Можно явно указать наследование с помощью inherit:

.child {
  padding: inherit; /* Теперь наследует padding: 10px */
}

Не наследуются: margin, padding, border, background, width/height и другие.