Переменные CSS: синтаксис Sugar существует?

Вместо написания:

:root {
    --pc: gray;
    --sc: lightgray;
}

var(--pc)

Есть ли еще более короткий синтаксис, по крайней мере, короче, чем var(--pc)?

2 ответа

Решение

Нет, нет var() здесь есть нотация, поэтому синтаксический анализатор CSS может отличить выражение пользовательского свойства от любого другого идентификатора в объявлении стиля (почти так же, как calc() нотация существует для различения арифметических выражений), а также для предоставления способа указать запасной вариант при сохранении совместимости с препроцессорами, которые уже имеют свои собственные нотации переменных ссылок.

Нет.

Чистый CSS не позволяет вам опустить var(),

Однако существует множество препроцессоров, каждый со своим набором модификаций синтаксиса. Возможно, существует такой с более коротким синтаксисом доступа к переменным, но это не относится к вопросу.

Другие вопросы по тегам