CSS的一些不常见的使用方法

:root

看到:root,以前没有见过，学习一下

:root是一个伪类，表示文档根元素，非IE以及ie8以上的浏览器都支持，在:root中声明相当于全局属性，只要当前页面引用了:root，那当前页面都可以使用var()来引用

:root {
  --main-bg-color: pink;
}

body {
  background-color: var(--main-bg-color);
}