Back to Course

Full stack designer

0% Complete
0/0 Steps
  1. UX/UI
    13 Topics
    |
    13 Quizzes
  2. Основы HTML
    6 Topics
    |
    6 Quizzes
  3. Основы CSS
    8 Topics
    |
    9 Quizzes
  4. Elementor Basic
    16 Topics
    |
    1 Quiz
  5. Elementor Advanced
    13 Topics
Lesson 3, Topic 4
In Progress

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

05.05.2022
Lesson Progress
0% Complete

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