:where(.site-nav a) { color: #0f172a; }Ссылки получают базовый цвет без селектора, который трудно переопределить.
УРОК 96 ИЗ 100
Сохраните низкую специфичность с :where()
Напишите легко переопределяемый базовый стиль ссылок навигации.
ШАГ 1 · ИЗУЧИТЕ
Как это работает
Функциональный псевдокласс :where() принимает список селекторов, но ни он, ни его аргументы не добавляют специфичность. Это полезно для намеренно легко переопределяемых значений по умолчанию.
#header .site-nav ul li a { color: #0f172a !important; }ID, длинная цепочка и !important без необходимости усложняют переопределение.
ШАГ 2 · ПРИМЕНИТЕ
Ваше задание
Используйте :where(.site-nav a) и задайте color: #0f172a.
index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти
0%не проверено
- ○Правило :where() использует нужный цвет.
- ○Целевой элемент присутствует на странице.
Объясните логику решения
:where() сохраняет сопоставление селектора, но имеет нулевую специфичность.