Question

我已经在这个主题上搜索了将近1个小时，但找不到答案，因为您知道那里的大多数youtube视频完全没有用。我的网站位于WordPress上，我想更改背景颜色，以及特定页面中的主要内容

这是我尝试添加到“自定义CSS”框中的代码

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

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

它什么也没做

这是我的网站：www.graspdating.com

Answer 1

尝试一下。您想要的选择器是ID（#）而不是Class（.）

编辑

.page-id-2 #content, 
.page-id-2 #content article,
.page-id-2 #content #search-2,
.page-id-2 #content .enl-widget-title,
.page-id-2 #content #secondary,
.page-id-2 #content .arc-entry-meta { background-color: #FFFFFF }

这应该完全“清除”内容区域的背景。如果某些元素想要具有不同的颜色，则可以相应地删除。

Answer 2

您将需要使用其他类属性覆盖当前的类属性。有多种方法可以覆盖属性。假设您的.site-content具有以下条件：

.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;}

第一个重要的工具“！”获胜，这是一种钝器。

也就是说，您可以通过选择器特异性（https://www.w3schools.com/css/css_specificity.asp）和/或使用!important（https://css-tricks.com/when-using-important-is-the-right-choice/）覆盖属性

Answer 3

您可以使用

这样的依赖项轻松完成此操作

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

类似地，您也可以使用

body.page-id-63 #content {背景：#FFFFFF; }

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

3 个答案: