- Теория
- Теория
Custom properties, закрепление 4
В этом испытании вам известны только названия существующих переменных. Используйте эти переменные, чтобы задать значения свойствам нужных элементов.
Пустые CSS-правила для всех элементов уже добавлены в стили. Названия переменных и свойств перечислены ниже:
background,
border-top-color,
color
--event-approved-bg
--event-approved-color
--event-declined-bg
--event-declined-color
Стили со значениями переменных специально спрятаны, чтобы вы не могли задать свойствам обычные значения и использовали переменные.
Этот вариативное испытание, предназначенное для закрепления ваших навыков работы с CSS Custom Properties.
Решение
Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.
.event-approved {
background: var(--event-approved-bg);
border-top-color: var(--event-approved-color);
}
.event-declined {
background: var(--event-declined-bg);
border-top-color: var(--event-declined-color);
}
.time {
color: var(--event-approved-color);
}
.event-declined .time {
color: var(--event-declined-color);
}
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.