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')";

例如。

Answer 2

在您想要自定义样式的正文标记中添加一个类。

的CSS：

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

HTML：

<body class="customBody">

Answer 3

更常被接受的方法是在body元素上放置一个类：

<body class="specialpage">

然后仅将背景应用于该类的<body>。

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