css :root 选择器

 

: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;
}

　　

 

posted @ 2019-01-28 14:21  Jaye8584  阅读(1793)  评论(0)    收藏  举报