Значение inherit для свойств стилей

Для всех свойств может быть задано значение inherit (наследуемое). Такое задание означает, что значение данного свойства наследуется из родительского элемента. Поскольку такое правило действует по умолчанию, в задании этого значения свойства обычно нет необходимости.

 

Пример 4.3.30. Задание свойства inherit:

div {color:red}

p.inherit {color: inherit}

В следующем фрагменте Web-страницы элемент div является родительским для элементов p со значениями атрибута id, равными "p1" и "p2", поскольку оба элемента заключены в контейнер <div>…</div>:

<div>

<p id="p1" class="inherit">Абзац 1</p>

<p id="p2">Абзац 2</p>

</div>

Оба абзаца будут выведены красным цветом: первый абзац вследствие явного задания значения inherit для свойства color, второй – по умолчанию: