css3 中的变量 var 的使用

css自定义变量的语法是 --*
取名规则也很广，除了$、[、^、(、%都可以取，甚至可以取中文名。。
举个栗子:

/* 定义~： */
div{
  --border-color: #f2f2f2;
}

使用：

 border-bottom: 1rpx solid var( --border-color );

建议此类定义用于公共部分