css - CSS3的:root pseudo class and html?有什么区别

Question

我似乎找不到太多关于此的信息。

Smashing Magazine似乎在说 html 和 :root 是同一件事，但肯定会有细微差别吗？

Answer 1

它们之间的一个技术区别是 :root - 作为一个伪类比 html(一种类型选择器)具有更大的特异性

:root {
  color: red
}
html {
  color: green;
}

<div>hello world</div>

因此，在上面的示例中，:root 选择器覆盖了 html 选择器，文本显示为红色。