1、css定义变量 --color-text：#66 使用方法 color:var(--color-text)
让所有的选择器都可以使用自定义变量属性。最佳实践是定义在根伪类 :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示 <html> 元素，除了优先级更高之外，与 html 选择器相同。这样就可以在HTML文档的任何地方访问到它了：
:root {
--main-bg-color: brown;
}
.one {
color: white;
background-color: var(--main-bg-color);
margin: 10px;
width: 50px;
height: 50px;
display: inline-block;
}
