CSS中的root代表的是文檔根元素。在HTML中，根元素就是<html>元素。即使沒有其他樣式表定義，也可以使用:root選擇器來(lái)定義全局樣式。
:root {
--main-color: #f00;
}
body {
background-color: var(--main-color);
}在上面的代碼中，:root選擇器定義了一個(gè)名為--main-color的變量，并將其賦值為紅色。在body選擇器中，使用了這個(gè)變量并將其作為背景色。如果需要修改主題顏色，只需更改--main-color的值即可影響整個(gè)文檔。
使用:root選擇器定義全局通用變量是提高代碼可維護(hù)性和可重用性的好方法。可以在整個(gè)文檔中重用這些變量，而不必每次都重新定義它們。此外，:root選擇器可以使樣式定義更加規(guī)范化，讓樣式代碼更加易于理解和修改。