CSS 变量：是否存在糖语法？

Question

改为：

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

var(--pc)

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

Answer 1

没有

纯CSS不允许省略var().

但是，有大量的预处理器，每个都有自己的一组语法修改。也许存在一种具有更短的变量访问语法的语法，但这不是问题的重点。

Answer 2

不，没有。 var() 符号在那里，因此 CSS 解析器可以将自定义 属性 表达式与样式声明中的任何其他标识符区分开来（与 calc() 符号存在的方式非常相似区分算术表达式）以及提供一种指定回退的方法，同时保持与已经具有自己的变量引用符号的预处理器的兼容性。