有什麼方法可以在CSS中使用不同的背景顏色？

比方說，我有5個網頁，並且在每個網頁上我都希望背景顏色不同。我只使用1個CSS文件。每個網頁都會這樣來訪問：domain.com/page1有什麼方法可以在CSS中使用不同的背景顏色？

難道我只是採用5個不同的CSS文件，只是改變背景顏色在身上還是有一種更簡單的方式來實現這一目標？

2013-03-02 AAA

你可以使用相同的CSS文件，但給每個網頁的正文不同的類？ – StuR 2013-03-02 21:52:31

你有使用單個CSS文件的原因嗎？你真的想把多個網站的規則放在一個文件中嗎？如果你繼續走下去，你將不得不這樣做。 – Jon 2013-03-02 21:52:49

@jon我是一個新人嘗試的東西出來，所以不太確定的差異，但我認爲大多數人只會使用一個文件。 – AAA 2013-03-02 21:56:01

在每個網站上爲您的<body>添加不同的class，然後使用該類獲取適當的背景顏色。

當然，你不必乘代碼，這是共同的所有站點。

2013-03-02 21:52:53 MarcinJuraszek

更好的HTML標籤比身體標記 – HerrSerker 2013-03-02 21:54:44

謝謝@marcinjuraszek。我是新手，我感到羞愧。我應該想到這個！ – AAA 2013-03-02 21:54:46

@GuidoJansen在HTML4中'class'不能添加到''標籤 – MarcinJuraszek 2013-03-02 21:57:09

例如：

在「第1頁」：

<body id="page1">

在「第2頁」：

<body id="page2">

你的CSS：

body#page1 { 
    background: red; 
} 

body#page2 { 
    background: blue; 
}

2013-03-02 21:54:07 Guicara

好，如果所有頁面使用相同的CSS文件背景相同可用於所有...

一個簡單的方法來做到這一點是可以否決體存在的背景色。所以，如果你有一個像一個包含CSS文件：

body 
{ 
    background-color: aqua; 
}

則低於（CSS文件實施後），你需要有一個新的顏色在頁面上你可以用以下否決它：

<style type="test/css"> 
body 
{ 
    background-color: blue; 
} 
</style>

2013-03-02 21:54:18 JohnMalkowich

如何爲每個頁面的body標籤添加一個簡單的內聯樣式？

頁01

<body style="background-color:#111;">

頁02

<body style="background-color:#222;">

頁03

<body style="background-color:#333;">

裸記住，關於設計，配色方案這樣建議的更改往往是一個壞理念。你的想法背後可能有一些功能是有意義的，否則我會建議極簡主義加上整個設計過程的一致性。

2013-03-02 22:00:41 owenprescott

回答