Javascript 在wordpress中更改背景颜色和主要内容背景

我已经在这个话题上搜索了将近一个小时，但我找不到答案，因为你知道大多数youtube视频都是毫无用处的。我的网站在WordPress上，我想更改背景颜色，以及特定页面中的主要内容

下面是我试图添加到自定义CSS框中的代码

.page-id-2
{
background: #FFFFFF
}

.page-id-2 .content {
background: #FFFFFF
}

它什么也没做

---

这里是我的网站：www.graspating.com

试试这个。所需的选择器是ID而不是类

编辑

---

这将完全消除内容区域的背景。如果某些元素需要使用不同的颜色，可以相应地删除。

您需要使用其他类属性覆盖当前类属性。可以通过不同的方式重写属性。假设您的.site内容包含以下内容：

e、 g.以下任何一项都将覆盖它：

.blog .site-content { background: red !important;}
body .blog .site-content { background: red;}
.page-id-2 .blog .site-content { background: red;}
body.page-id-2 .blog .site-content { background: red;}

第一个赢了！重要的是，一个钝的工具。。。其余的人通过选择“赢”

---

通过这样说，您可以通过选择器和/或使用！重要信息

您可以使用类似于

body.page-id-2{背景：FFFFFF；}

同样，您也可以使用

---

body.page-id-63 content{background:FFFFFF；}

更改了背景颜色，内容区域仍然是相同的。我假设您正在谈论的内容区域位于文章元素中。所以你会用同样的逻辑。page-id-2内容，.page-id-2内容文章{背景色：FFFFFF}。请注意，您的页面上有几个元素可能需要设置为完全白色背景。如果您熟悉浏览器中的开发人员工具，您可以查看DOM并摆弄其中元素的CSS。如果这回答了您的问题，请您将我的答案标记为已接受？要将答案标记为已接受，请单击答案旁边的复选标记，将其从灰色变为已填写。抱歉，这有点混乱，LegenJerry给了我一个简单的代码，我已将其添加到自定义CSS框中，它确实改变了页面的背景颜色，但是主要内容的背景仍然是一样的，我可以添加一些代码吗？我试图向您解释覆盖CSS属性的逻辑。如果您只是复制和粘贴代码而不了解正在发生的事情，这将无助于您的学习。如果您使用浏览器上的开发工具，您将能够检查为什么背景没有改变。因此，将element.enl页面设置为所需的背景，使用以下代码.post2.enl页面{background:red；}

.blog .site-content { background: #eeeeee;}

.blog .site-content { background: red !important;}
body .blog .site-content { background: red;}
.page-id-2 .blog .site-content { background: red;}
body.page-id-2 .blog .site-content { background: red;}