:root
css 伪类匹配文档的根元素。
对于 HTML 来说， :root 表示<html>元素，除了优先级更高之外，与 html 选择器相同。
在声明全局 css 变量时 :root 会很有用：
:root {
--ck-highlight-pen-red: #e91314;
--ck-highlight-pen-blue: dodgerblue;
}
.pen-black {
color: var(--ck-highlight-pen-black);
background-color: transparent;
}
.pen-red {
color: var(--ck-highlight-pen-red);
background-color: transparent;
}
原文：https://www.cnblogs.com/zhangym118/p/10330059.html