css之:root

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

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

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

栗子:

:root {

  --main-color:darker;

  --pane-padding: 5px 42px;

}

你可能感兴趣的:(css之:root)