更改不同页面上主要内容块的背景颜色

时间:2015-02-17 14:48:39

标签: css colors background

我正在尝试为本网站页面上的每个不同主要内容块获取不同的背景颜色:http://www.amachielsenadvies.nl

到目前为止,我发现css中的这一行可以控制背景颜色:

.sidebarwidth .box.one { background-color: #f8dffc;} 

但我想在不同的页面上使用不同的颜色。我找到的页面ID是18(或帖子ID),但不清楚要在css中添加什么才能完成

任何人都可以帮助我吗?

3 个答案:

答案 0 :(得分:0)

每个页面都可以通过正文中的page-id-*类进行唯一标识。

因此要更改主页上的背景颜色,例如

.page-id-45 .sidebarwidth .box.one { background-color: #f8dffc;} 

答案 1 :(得分:0)

如果页面的ID为18 ... perhaps ID="post-18",我会认为这已经应用于正文

<body ID="post-18">

然后CSS将是

#post-18 .sidebarwidth .box.one { background-color: #f8dffc;} 

答案 2 :(得分:0)

只需使用身体类

例如

body.page-id-18 .sidebarwidth .box.one { background-color: #f8dffc;}