.theme { color: #0f766e; }Заголовок и абзац внутри .theme получают один цвет без повторных правил.
УРОК 12 ИЗ 100
Автоматическое наследование
Задайте цвет родителю и позвольте дочернему тексту унаследовать его.
ШАГ 1 · ИЗУЧИТЕ
Как это работает
Некоторые свойства, включая color, передают вычисленное значение от родителя дочерним элементам, если у них нет собственного объявления.
.theme h2, .theme p { color: #0f766e; }Результат может выглядеть так же, но правило без необходимости повторяет свойство для каждого потомка и скрывает смысл наследования.
ШАГ 2 · ПРИМЕНИТЕ
Ваше задание
Дополните цвет у .theme и не добавляйте правило color для абзаца.
index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти
0%не проверено
- ○.theme задаёт цвет #0f766e.
- ○Абзац не повторяет свойство color.
- ○Абзац находится внутри секции theme.
Объясните логику решения
Одного объявления у родителя достаточно, потому что color наследуется.