選擇網站中某些頁面的正文元素？

我喜歡不同的背景圖像添加到特定頁面 - 有沒有辦法來調整下面的符號：選擇基礎上的標題選擇網站中某些頁面的正文元素？

body {background: url('someimage.jpg');

到

someselector body:url('somedifferentimage.jpg');

可能的方式或html文檔名稱？

2012-01-22 Doug Fir

使用style屬性爲這我很感激反饋 – noob

通常情況下，您要做的是爲每個頁面製作不同的樣式表並添加聲明。所以只是：

body { 
    background-image: url('somedifferentimage.jpg'); 
}

鏈接到您想要覆蓋的頁面。如果這是不可能的，多一點漸進式增強是一種選擇，你可以嘗試一些JavaScript的JavaScript：

document.body.style.backgroundImage = "url('" + document.title + ".jpg')";

例如。

2012-01-22 01:09:15 Ryan

感謝。爲這個簡單的變化創建一個新的，但幾乎相同的表單似乎過分了？還有其他方法嗎？ –

@DougFirr：好吧，這裏有JavaScript，服務器端腳本也是可能的，但是......不。請注意，您可以鏈接到多個樣式表，因此您不會複製整個樣式表;每個頁面特定的樣式表將只包含一個規則。 – Ryan

在你想要自定義樣式的地方添加一個類到你的body標籤。

CSS：

.customBody { 
background-image: url('somedifferentimage.jpg'); 
}

HTML：

<body class="customBody">

2012-01-22 01:12:11 Christophe

更普遍接受的方法是將一類body元素：

<body class="specialpage">

，然後應用背景僅限於該類的<body>。

body.specialpage { background-image: url(...); }

2012-01-22 01:12:24 Interrobang

回答