CSS 自定义属性放置：root 与 body/html 标签

Question

:root在 a而不是body或标签中定义全局 CSS 自定义属性有什么意义html。这是否会导致不同的效果或性能问题？

Answer 1

嗯，一开始可能会很奇怪，但除了特异性之外什么也没有。:root实际上html本身就具有更高的特异性，所以将变量放在 element 中的主要原因:root是因为我们不仅在 CSS 中使用它们，还在 SVG 和 XML 中使用它们。所以我们可以将:root其用法称为全局范围。您还可以阅读有关它们差异的更多信息。