:root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示 <html> 元素,除了优先级更高之外,与 html 选择器相同。
一般用于声明全局变量。可结合var()、cal()使用。
PS:--*为变量命名格式,可用于任何属性。
栗子:
:root {
--main-color:darker;
--pane-padding: 5px 42px;
}
:root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示 <html> 元素,除了优先级更高之外,与 html 选择器相同。
一般用于声明全局变量。可结合var()、cal()使用。
PS:--*为变量命名格式,可用于任何属性。
栗子:
:root {
--main-color:darker;
--pane-padding: 5px 42px;
}