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

Question

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

非常感谢帮助:)

Answer 1

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

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

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