为什么 BODY 标签不覆盖 HTML 标签属性？

Question

我已将此 css 应用于我的 html 文档：

html {
  background-color: red;
}

body {
  background-color: yellow;
}

并且页面的背景变为红色而不是黄色。body 在 html 之后，所以它必须覆盖html 的红色。为什么不发生？提前致谢。

Answer 1

因为你的身体是空的（0px高度）

如果我们改变身体的 h/w，你会得到这个（包括你可以重置的边距/填充）

html {
  background-color: red;
}

body {
  background-color: yellow;
  width: 100vw;
  height: 100vh;
}

内容：

html {
  background-color: red;
}

body {
  background-color: yellow;
}

<h1>Body no longer empty</h1>