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

Стили обладают свойством наследования — элемент сохраняет (наследует) стили своего родителя. Если записать:

BODY {color:red;}
          

то все потомки BODY (то есть все элементы гипертекстовой страницы) будут записываться красным цветом.

Посмотреть

  

    

Заметьте, что текст на странице записывается красным цветом, несмотря на атрибут text=black в открывающем теге BODY — стилевое свойство оказываются главнее атрибута.

Принцип наследования стилей можно сформулировать так:

Элемент сохраняет стили своего родителя, и сам передаёт приобретённый стиль по наследству своим потомкам.

Не все свойства наследуются, например, не наследуется свойство border (описывает рамку элемента). В справочниках по свойствам CSS факт наследования всегда отмечается.