УРОК 92 ИЗ 100

Добавьте запасное значение в var()

Сохраните читаемость текста, если локальный токен не определён.

Официальный источникW3C CSS Custom Properties — var() fallbackПроверено: 2026-08-26
ШАГ 1 · ИЗУЧИТЕ

Как это работает

Второй аргумент var() используется, если нужное пользовательское свойство отсутствует или недопустимо во время подстановки.

Правильный пример
.badge { color: var(--badge-color, #1f2937); }

Если --badge-color не существует, текст использует #1f2937.

Частая ошибка
.badge { color: var(--badge-color); }

Без fallback декларация может стать недопустимой, если токен отсутствует.

ШАГ 2 · ПРИМЕНИТЕ

Ваше задание

Задайте цвет .badge как var(--badge-color, #1f2937).

ШАГ 3 · СОЗДАЙТЕ

Напишите и посмотрите результат

index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ

Что должно пройти

0%не проверено
  • Цвет содержит нужный токен и fallback.
  • Целевой элемент присутствует на странице.
Объясните логику решения

Запятая отделяет нужный токен от запасного значения, используемого только при необходимости.