好吧，所以我正在尝试将所有这些不同的项目格式化为具有相同的颜色，而不必单独更改它们。我正在遵循我在互联网上可以找到的所有示例，但由于某种原因它不起作用。回答我的问题时也请不要加盐，我只是想找到一些帮助来找到这个错误。
HTML:
<body>
<div id="header"></div>
<div id="links"></div>
<div id="main"></div>
<div id="pictures"></div>
<div id="footer"></div>
</body>
CSS:
body, #header, #links, #main, #pictures, #footer{
background-color:#cbebf6;
}
样式没问题，元素为空 - 这可能就是您看不到结果的原因。
除此之外，您应该使用类而不是 id 来表示常见样式
我猜你的意思是你想为所有元素提供一个唯一的css选择器。为此，您应该使用class
.CSS：
.red{
background-color:#cbebf6;
}
.HTML：
<body>
<div id="header" class="red"></div>
<div id="links" class="red"></div>
<div id="main" class="red"></div>
<div id="pictures" class="red"></div>
<div id="footer" class="red"></div>
</body>
按照德鲁·肯尼迪的建议去做。将同一类应用于所有这些。
.bg-color {
border: solid 1px black;
background-color: #cbebf6;;
}
#header, #links, #main, #pictures, #footer { /* Just for outline sake */
width: 200px;
height: 200px;
margin: 10px;
}<body class="bg-color">
<div id="header" class="bg-color"></div>
<div id="links" class="bg-color"></div>
<div id="main" class="bg-color"></div>
<div id="pictures" class="bg-color"></div>
<div id="footer" class="bg-color"></div>
</body>