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