什么';CSS3和x27之间的区别是什么;s:根伪类和html?

什么';CSS3和x27之间的区别是什么;s:根伪类和html?,css,css-selectors,pseudo-class,Css,Css Selectors,Pseudo Class,我似乎找不到太多关于这个的信息 似乎在说html和:root是同一件事,但肯定有一点不同?与: :root伪类表示作为文档根的元素。在HTML中,这始终是HTML元素 CSS是一种通用样式语言。它可以与其他文档类型一起使用,不仅可以与HTML一起使用,还可以与SVG一起使用 从(我的)重点: 本规范定义了级联样式表,第2级修订版1(CSS 2.1)。CSS 2.1是一种样式表语言,允许作者和用户将样式(例如字体和间距)附加到结构化文档(例如HTML文档和XML应用程序) 对于HTML文档,没有区

我似乎找不到太多关于这个的信息

似乎在说
html
:root
是同一件事,但肯定有一点不同?

与:

:root
伪类表示作为文档根的元素。在HTML中,这始终是HTML元素

CSS是一种通用样式语言。它可以与其他文档类型一起使用,不仅可以与HTML一起使用,还可以与SVG一起使用

从(我的)重点:

本规范定义了级联样式表,第2级修订版1(CSS 2.1)。CSS 2.1是一种样式表语言,允许作者和用户将样式(例如字体和间距)附加到结构化文档(例如HTML文档和XML应用程序)


对于HTML文档,没有区别-您的根元素是
标记,因此
HTML{}
:root{}
在语义上是等价的(除了特殊性上的差异)

但是,您不仅可以将CSS应用于HTML,还可以应用于所有类似XML的文档。这就是为什么存在
:root
——以文档的根元素为目标,而不管文档类型如何。大多数人对这种差异感到困惑,因为CSS最主要的用例是设计HTML文档的样式

例如:
您可以使用CSS设置SVG文档的样式。在设置它的样式时,根元素(显然;-)不是
html
,而是
svg
。参见以下列表。

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

:根目录{
颜色:红色
}
html{
颜色:绿色;
}

hello world
谢谢,我不知道你可以用CSS来设计SVG。引用来源的已接受答案。:)不仅是SVG,还有任何基于XML的东西。包括XHTML。