CSS变量

一.原生css变量
变量都是有作用域的，作用域都是为DOM节点的层级关系，只能子用父，不能父用子，一般我们将整个页面都需要用的样式定义在：root中

:root {
    --color: red;		//定义变量(一定记得打分号哦)
}
.class1{
	background:var(--color);      //使用变量
}

二.less中的css变量
less中定义全局变量直接用@符号就行，通常会写一个全局的css文件(variable.less)

@color:red;       //定义变量（同样记得要分号）

.class{
 	background:@color;    //使用变量
}