如何爲一個css文件中的不同頁面設置不同的正文背景顏色？

我有幾頁。第1頁<body id="page1">，第2頁<body id="page2">，第3頁<body id="page3">然後我想在一個css文件'style.css'中設置所有css規則，set page1 background color：＃000; page2背景顏色：#fff; page3背景顏色：＃00f;如何爲一個css文件中的不同頁面設置不同的正文背景顏色？

body #page1{background-color:#000;} 
body #page2{background-color:#fff;} 
body #page3{background-color:#00f;}

但它是錯誤的，如何正確寫入？謝謝。

來源

2010-11-18 yuli chika

只需刪除空間（您想指定與標籤名稱body和的ID page1所有元素）：

body#page1{background-color:#000;}

來源

2010-11-18 11:35:39

謝謝你，這次它的工作。 – 2010-11-18 11:45:22

這是正確的。爲了說明一點：規則yuli chika最初寫道，body＃page1，意思是「一個id爲page1的元素在body元素中。」刪除空間使其成爲「body1和page1的id」。 – 2010-11-18 11:47:42

#page1{background-color:#000;} 
#page2{background-color:#fff;} 
#page3{background-color:#00f;}

你也可以寫

body#page1{background-color:#000;}

butbody在這種情況下選擇器是多餘的（並且較慢）。

來源

2010-11-18 11:42:03

+1用於指出'body'的非必要性（儘管它在那裏看起來更好） – 2010-11-18 11:47:10

如何爲一個css文件中的不同頁面設置不同的正文背景顏色？

回答

相關問題