Наследование стилей CSS.

Сейчас давайте рассмотрим еще одну интересную особенность языка CSS, которая называется наследование.

Наследование - это перенос свойств от родительского элемента к дочернему элементу. Т.е. вы написали какое-то свойство для родительского элемента, а оно применилось для дочерних элементов. 

Если вы будете разбираться со справочником CSS, то для каждого свойства есть колонка "Краткая информация". В этой колонке есть раздел "Наследуется".

Если там стоит значение "Да", значит это свойство переносит свое значение от родительских элементов к дочерним. 

Давайте рассмотрим, как это работает. 

Для примера, возьмем свойство color и оно у нас наследуется. 

Предположим, что у нас имеется элемент div, который содержит внутри себя абзацы и другой элемент div.

<div>
<p>Абзац 2</p>
<div>
<p>Абзац</p>
</div>
<p>Абзац 3 <a href="#">Ссылка</a></p>
</div> 

Если для родительского элемента добавить свойство color:red, то, несмотря на то, что у дочерних элементов не было присвоено свойство color, тем не менее все дочерние элементы унаследуют от родителя свойство color и станут красным цветом.

<div style="color:red;">
<p>Абзац 2</p>
<div>
<p>Абзац</p>
</div>
<p>Абзац 3 <a href="#">Ссылка</a></p>
</div> 

Имейте такую особенность языка CSS в виду. Т.е. есть свойства, которые наследуются дочерними элементами, а есть свойства, которые не наследуются, которые будут применяться только для родительского элемента и не будут применяться для всех дочерних. 

При работе со сложными и большими страницами, с последствиями наследования приходится сталкиваться довольно часто.