-1

我正在学习新的 css-variables语法,我想知道为什么我们需要var在变量周围放置语句:

.button {
    background-color: var(--bg-color);
}

据我所知,当您按原样放置变量时不会有任何歧义

.button {
    background-color: --bg-color;
}

为什么第二个选项不起作用?我真的很想使用它,因为它看起来更干净,尤其是使用calc.

升级版。这更多是一个问题,为什么要开发当前的设计。例如,LESS 和 SASS 允许您放置不带var(). 所以我想听听权衡,这导致 CSS 使用var().

在公共资源中找不到有关此提案的任何讨论。任何链接也将不胜感激。

4

1 回答 1

1

这是因为 var() 是一个检索变量值的函数。

参见:MDN 上的 var()

于 2017-01-11T22:01:37.477 回答