在 jQuery 中，可以使用 :root 选择器来选取文档的根元素。:root 选择器在 CSS 中也有相同的用法，用于选择文档的根元素。
语法
:root 选择器的语法非常简单，只需要使用 :root 关键字即可。
----------
用途
:root 选择器通常用于获取文档的根元素，一般情况下文档的根元素就是 <html> 元素。通过使用 :root 选择器，我们可以对根元素进行操作，比如改变根元素的样式或者添加一些属性。
示例
改变根元素的背景颜色
---------------------------------- -------------
添加一个新的属性到根元素
----------------------------- ---------
获取根元素的高度
--- ---------- - -------------------- ---------------------- - ------------
隐藏根元素
------------------
通过上面的示例代码，你可以看到如何使用 :root 选择器来选取文档的根元素，并对其进行一些操作。这在一些特定的场景下会非常有用，比如在调整整个页面的主题时，可以通过改变根元素的样式来实现。