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

Question

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

非常感谢您的帮助:)

Answer 1

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

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

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