CSS
变量是由CSS
作者定义的实体,其中包含要在整个文档中重复使用的特定值。使用自定义的属性来设置变量名,并使用特定的var()
来访问。
声明
借助双短划线。
- 声明一个局部变量
element {
--color: red;
}
- 声明一个全局变量:
:root {
--global-color: red;
}
使用
借助var()
函数。
- 使用局部 / 全局变量:
p {
color: var(--color / --global-color);
}
vue 获取变量 :https://www.jianshu.com/p/8de31e50a0e3
网友评论