Question

好吧，所以我试图将所有这些不同的项目格式化为相同的颜色，而不是必须单独更改它们。我跟踪了我可以在互联网上找到的所有例子，但由于某种原因，它不起作用。在回答我的问题时请不要盐，我只是想找到一些帮助来找到这个错误。谢谢：D

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;
}

Answer 1

样式没问题，元素是空的 - 这可能就是你没看到结果的原因。

除此之外，你应该使用常见样式的类而不是ids

Answer 2

我猜你的意思是你希望为所有元素都拥有一个独特的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>

Answer 3

按照Drew Kennedy的建议。将相同的类应用于所有类。

＆＃13;

.bg-color  {
  border: solid 1px black;
  background-color: #cbebf6;;
}

 #header, #links, #main, #pictures, #footer {  /* Just for outline sake */
   width: 200px; 
   height: 200px;
   margin: 10px;
   
   
   }

＆＃13;

<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>

＆＃13;

将多个项目格式化

3 个答案: