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