CSS——CSS变量

一、定义

/*定义*/
scope{
	--variable:value;
}
/*使用*/
selector{
	--attribute:var(--variable);
}

二、作用域

• :root{}来定义全局css变量
• css选择器{}来定义局部css变量

三、举例

/*定义*/
:root{
	--maincolor: #F67600; /* 主题色 */
}
/*使用*/
.bg-orange{
	background: var(--maincolor);
}