css :root 选择器

 

:root

　　css 伪类匹配文档的根元素。

　　对于 HTML 来说， :root 表示元素，除了优先级更高之外，与 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