html - 仅选择站点中某些页面的正文元素？

Question

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

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

到

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

也许有一种方法可以根据标题或 html 文档名称进行选择？

Answer 1

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

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

链接到您要覆盖的页面。如果那不可能，并且可以选择更渐进的增强，您可以尝试使用类似的 JavaScript:

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

例如。