【发布时间】：2019-03-19 17:42:54
【问题描述】：
我需要一些关于使用 CSS :root 选择器，vs body 标记来设置页面样式的建议。
是否有更适合:root 级别的样式属性列表？ background-color 属性最好放在哪里？
【问题讨论】：
-
像 body{background-color:#fff;} 一样添加到
-
CSS 变量通常定义在 :root 中，而不是 body。
-
这些选择器不是针对相同的元素。
:root将定位 HTML 文档中的<html>元素，默认情况下该元素占据整个屏幕，而<body>将仅根据其内容增长（再次默认）。因此，我们无法列出最佳地点列表，这完全取决于您自己页面的布局。 jsfiddle.net/vbjkxehs -
font-size 是 :root 的最佳属性。我想背景不适用。因为 root 在 html 标记之上。