什么是 css / html \`root\` 元素？

Question

我最近才开始使用 NetBeans IDE (6.9.1)，并用它向我的网站添加样式表。

令我惊讶的是，自动添加了一个元素：

 root {
    display: block;
}

环顾四周，我可以找到一些关于 :root 伪类的信息，但没有关于 root 元素本身的信息。

root 元素是什么，它有什么用？

原文由 jeroen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

HTML 中没有 称为 root 的元素。 html 元素本身是“根元素”（这是文档中所有其他元素的祖先元素的术语），但这将与 html { } 匹配。

但是，请参阅 :root 伪类（带冒号）。

原文由 Quentin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

root 是 NetBeans IDE 样式表模板中任何元素的占位符。它就像微积分中的虚拟变量。请将光标放在 root { display: block; } 中的 y: 删除 y: 并键入 y。 IDE 会弹出指令窗口，提供有价值的信息。它们将根的含义作为一个虚拟变量进行处理。示例是 em {display: inline; } 此外，root 是您开始的地方，是带有分支和叶子的 html 树的最深祖先。所以一开始你有一个默认的盒子，所有的分支和叶子都遵循这个默认值，除非你在它们出现时将它们的默认显示更改为其他值，比如内联。

原文由 peter jones 发布，翻译遵循 CC BY-SA 3.0 许可协议