如何为每个页面设置不同的主要内容背景？

Question

我有一个Weebly网站，默认的Weebly css和html代码只使用网站上所有页面的一个主要内容背景（适合拖放区域的背景）。我知道如何自定义这个，但是我不知道如何创建更多/不同的主要内容背景并将每个背景用于特定页面。我怀疑我需要一个脚本，或者可能在每个页面的标题中输入一个特定的代码，但我不知道。 在标题代码中插入背景等替代选项将不起作用，因为在调整浏览器窗口大小时这将不适合。

非常感谢帮助:)

Answer 1

Weebly上的每个页面上都有一个wsite-page-...类。例如，在Weebly中制作this网站。后台位于#wrapper div元素上，但此页面上的body标记上有wsite-page-my-story个类。此类对于此页面是唯一的。因此，我可以将CSS应用于#wrapper id，方法是通过正文类来识别它：

.wsite-page-my-story > #wrapper {background:red;}

这将使特定Weebly页面上的背景变为鲜红色。这当然可以用其他任何东西代替。