+
82
-

css中的var是啥意思?

css
今天看到别人的代码里有var,不知道是啥东西,是不是css3的新特性,如何使用?

高手回复

+
1
-
CSS中原生的变量定义语法是:--*,变量使用语法是:var(--*),其中*表示我们的变量名称。关于命名这个东西,各种语言都有些显示,例如CSS选择器不能是数字开头,JS中的变量是不能直接数值的,但是,在CSS变量中,这些限制通通没有,例如:
:root{
--main-bg-color: #000;
}
.element {
background-color: var(--main-bg-color);
}
注意:变量名称不能包含$,[,^,(,%等字符,普通字符局限在只要是“数字[0-9]”“字母[a-zA-Z]”“下划线_”和“短横线-”这些组合,但是可以是中文,日文或者韩文
by 天马行空
我知道答案,我要回答