CSS变量：Sugar语法存在吗？

Question

代替写作：

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

var(--pc)

是否有更短的语法，至少比var(--pc)短？

Answer 1

不，没有。此处使用var()表示法，因此CSS解析器可以将自定义属性表达式与样式声明中的任何其他标识符区分开（与存在calc()表示法以区别算术表达式的方式几乎相同），并提供一种指定后备方式，同时与已经具有自己的变量引用符号的预处理器兼容的方法。

Answer 2

否。

纯CSS 不允许您省略var()。

但是，那里有很多预处理器，每个预处理器都有自己的语法修改集。也许存在一种使用较短的变量访问语法的方法，但这与问题无关。