CSS3：root僞類和html之間有什麼區別？

Smashing Magazine似乎基本上說html和:root是一樣的東西，但肯定會有區別？

的:root僞類表示是文檔的根元素。在HTML中，這始終是HTML元素。

CSS是一種通用樣式語言，它可以與其他文檔類型一起使用，不僅可以與HTML一起使用，例如SVG。

從specification（重點煤礦）：

該規範定義層疊樣式表，級別2版本1（CSS 2.1）。 CSS 2.1是一種樣式表語言，允許作者和用戶將樣式（例如字體和間距）附加到結構化文檔（例如，HTML文檔和XML應用程序）。

2013-04-09 10:37:02

謝謝，不知道你可以使用CSS來設計SVG。接受的引用來源的答案。 :) – sanjaypoyzer 2013-04-09 10:53:35

不僅SVG，而且基於XML的任何東西。包括XHTML。 – BoltClock 2013-04-09 10:56:44

對於html文檔，您的根元素當然是<html>標記。然而，你可以使用css設計一個svg文檔，現在你的僞類引用了svg元素。

您可以使用CSS不僅HTML，但所有類似XML doucments，這就是爲什麼:root一般適用於根元素，無論文檔類型（其中的情況下，然而在99％以上將是HTML）。

2013-04-09 10:37:23 Christoph

在它們之間的一個技術不同的是，:root - 是一個僞類具有比html更大的特異性（一個類型選擇）

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

<div>hello world</div>

因此，在上述例子中，:root選擇器將覆蓋html選擇器，文字顯示爲紅色。

2015-04-19 09:07:21 Danield

回答