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

标签 html css weebly

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

非常感谢帮助:)

最佳答案

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

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

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

关于html - weebly如何为每个页面设置不同的主要内容背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31317599/

相关文章:

javascript - 将文本标签和/或图标附加到 div

javascript - 为什么当我点击选择框时,javascript 创建新的 div?

css - 显示具有 block 和表格单元格功能的 anchor 标记

html - 如何从 Angular 变量渲染 HTML 字符串?

css - 媒体查询不适用于 iPad

html - 'transform3d' 不适用于位置 : fixed children

html - 网站上表格列的重新排序

html - 如何在 Weebly 中设置默认选中的单选按钮

html - 如何在 Weebly 中默认打开 + 按钮

jquery - 带有链接的 CSS 悬停效果在 IE8 中不起作用