无法同时设置body元素背景色与字体颜色问题求助

问题根因 #

一个合法的HTML文档仅允许存在1个<body>标签，你写了2个独立的<body>标签时，浏览器只会识别最后一个标签的属性生效，因此两个标签上的样式无法叠加，只有位置靠后的那个标签的样式会生效，这就是你看到的样式二选一的原因。

解决方案 #

把字体颜色、背景颜色两个样式规则合并写在同一个<body>标签的style属性中，多个样式规则之间用英文分号;分隔即可。
正确代码示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Practice blog</title>
</head>
<body style="color: blue;background-color: lightblue;">
<!-- 此处放置页面主体内容 -->
</body>
</html>

内容的提问来源于stack exchange，提问作者Youssef1781