css之：root

:root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示 元素，除了优先级更高之外，与 html 选择器相同。

一般用于声明全局变量。可结合var（）、cal（）使用。

PS：--*为变量命名格式，可用于任何属性。

栗子：

:root {

  --main-color:darker;

  --pane-padding: 5px 42px;

}