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

Change background color of main content blocks on different pages

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

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

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

但我想在不同的页面上使用不同的颜色。我找到的页面 ID 是 18（或 post ID），但不清楚必须在 css 中添加什么才能完成

有人可以帮我吗？

每个页面都可以通过body上的page-id-* class来唯一标识。

所以要改变主页的背景颜色，例如

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

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

<body ID="post-18">

那么 CSS 将是 

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

直接用正文类

例子

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