将多个项目合并在一起

问题描述：

好的，我试图将所有这些不同的项目格式化为具有相同颜色，而不必单独更改它们。我正在关注所有可以在互联网上找到的例子，但由于某种原因，它无法正常工作。回答我的问题时请不要盐，我只是想找到一些帮助找到这个错误。谢谢：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; 
}

背景颜色或文本颜色，其中？ – 2014-12-18 22:42:55

你可以给他们所有'class'标识符。 – 2014-12-18 22:43:06

我试图改变背景颜色 – 2014-12-18 22:46:03

答

风格是好的，元素是空的 - 这可能是为什么你看不到结果。

此外，你应该使用常见的样式，而不是IDS

我在网站上的项目中有东西只是为了演示目的我现在没有任何东西 – 2014-12-18 22:45:35

答

班我猜你的意思是你想拥有的所有元素独特的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>

将多个项目合并在一起

相关推荐