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

Question

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

非常感谢您的帮助:)

Answer 1

Weebly 上的每个页面都有一个 wsite-page-... 类。例如，以 Weebly 制作的 this 网站为例。背景位于#wrapper div 元素上，但此页面上的body 标签上有一个wsite-page-my-story 类。这个类对于这个页面是唯一的。因此，我可以将 CSS 应用到 #wrapper id，方法是通过 body 的类来识别它，如下所示：

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

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