css开发中遇到的问题总结

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;
}