:root vs html

猜猜看最终看到那个颜色？

:root {
  background-color:blue;
}

html{
  background-color:red;
}

 

答案是 :root

 

 

 

 

:root 和 html 都是 HTML element，记得 :root 比 html 大。

伪类选择器比一般选择器来的大，比如 querySelector(':root')  比 querySelector('html') 大

 

Links

• https://www.techiediaries.com/css-root/
• https://developer.mozilla.org/en-US/docs/Web/CSS/:root
• https://css-tricks.com/almanac/selectors/r/root/