我正在学习新的css-variables语法，我想知道为什么我们需要在变量周围添加var语句：
.button {
background-color: var(--bg-color);
}
据我所知，当你将变量放在
时，不会有任何歧义.button {
background-color: --bg-color;
}
为什么第二个选项不起作用？我真的希望使用它，因为它看起来更清晰，尤其是calc。
UPD 即可。这就是为什么开发当前设计的问题。例如，LESS和SASS允许您放置没有var()的变量。因此，我想了解权衡因素导致CSS使用var()。
无法在公共资源中找到有关此提案的任何讨论。任何链接也将受到赞赏。