Back to Course

Основы CSS

0% Complete
0/0 Steps
Lesson 4 of8
In Progress

Наследование в CSS

04.05.2022

Скажем, мы хотим изменить цвет текста веб-страницы. Было бы скучно указывать цвет для каждого элемента HTML:

p,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6 { color: grey;}

Распространение значения

Значение color может быть унаследовано от предка. Учитывая, что мы хотим изменить всю веб-страницу, то выберем предка всех элементов HTML — тег <body>:

body { color: grey; }

Все дочерние элементы наследуют значение grey от их общего предка <body>, которое естественным образом охватывает все элементы.

Мы также можем использовать тег <html>.

Наследуемые свойства

Только несколько свойств CSS могут быть унаследованы от предков. Это в основном текстовые свойства:

  • цвет текста; 
  • шрифт (семейство, размер, стиль, насыщенность); 
  • межстрочное расстояние.

Некоторые элементы HTML не наследуют от своих предков. Ссылки, к примеру, не наследуют свойство color.