2014-12-18 143 views
-1

好的,我試圖將所有這些不同的項目格式化爲具有相同顏色,而不必單獨更改它們。我正在關注所有可以在互聯網上找到的例子,但由於某種原因,它無法正常工作。回答我的問題時請不要鹽,我只是想找到一些幫助找到這個錯誤。謝謝: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; 
} 
+0

背景顏色或文本顏色,其中? – 2014-12-18 22:42:55

+1

你可以給他們所有'class'標識符。 – 2014-12-18 22:43:06

+0

我試圖改變背景顏色 – 2014-12-18 22:46:03

回答

0

風格是好的,元素是空的 - 這可能是爲什麼你看不到結果。

此外,你應該使用常見的樣式,而不是IDS

+0

我在網站上的項目中有東西只是爲了演示目的我現在沒有任何東西 – 2014-12-18 22:45:35

0

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

請執行德魯·肯尼迪建議。對所有人應用相同的課程。

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

相關問題