在查看小程序 UI 库 ColorUI 时，看到这样一段代码：
.bg-gradual-red {
background-image: var(--gradualRed);
color: var(--white);
}
查了一下 css 中 var 的用法，才知道原来 CSS3 中已经支持 CSS 变量这种用法了。不需要再依赖 SASS 和 LESS 也能使用变量，非常棒。
CSS 变量用法
要点：
- 变量名必须以双横杠开头
- 变量需要定义在一个 css selector 中，用于限制其作用域。如果想全局使用，网页中使用 :root 或者 body；小程序中使用 Page。
- 使用时，var(变量名, 默认值)。默认值非必填，主要是为了防止变量值不合法。
哪些适合定义为 CSS 变量
- 常用字号
- 常用颜色
变量是否能覆盖
同样式一样，权重高的 selector 覆盖权重低的 selector。
参考
https://www.w3schools.com/css/css3_variables.asp