只选择网站中某些页面的正文元素？答案

【问题标题】：select the body element of only certain pages in the site?只选择网站中某些页面的正文元素？
【发布时间】：2012-02-10 20:49:50
【问题描述】：

我想为某些页面添加不同的背景图像 - 有没有办法调整以下符号：

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

到

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

也许是一种基于标题或 html 文档名称的选择方式？

【问题讨论】：

【解决方案1】：

通常您会为每个页面制作不同的样式表并添加声明。所以只是：

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

由您要覆盖的页面链接到。如果这是不可能的，并且可以选择更渐进的增强，您可以尝试一些类似的 JavaScript：

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

例如。

【讨论】：

感谢您的反馈。但是，为这个简单的更改创建一个新的但几乎相同的工作表似乎有些过分？还有其他方法吗？
@DougFirr：嗯，有 JavaScript，服务器端脚本也是可能的，但是......不。请注意，您可以链接到多个样式表，因此您不会复制整个样式表；每个页面特定的样式表将只包含一个规则。

【解决方案2】：

在你想要自定义样式的 body 标签中添加一个类。

css:

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

html:

<body class="customBody">

【讨论】：

【解决方案3】：

更普遍接受的方式是在 body 元素上放置一个类：

<body class="specialpage">

然后只将背景应用到该类的<body>s。

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

【讨论】：