Скажем, мы хотим изменить цвет текста веб-страницы. Было бы скучно указывать цвет для каждого элемента 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.
Перейти к заданиям
Автор: Джереми Томас
Последнее изменение: 13.08.2017