Question

我有一个小小的异常（＆＃39;问题＆＃39;不是一个允许的词;-)），在嵌套的div中设置背景颜色，这让我变得麻烦。我在www.teachtoo.org管理网站，这是Wordpress驱动的。我试图设置（使用非常方便的Jetpack CSS编辑器）＆＃39; bar＆＃39;的背景颜色。页面标题，我只能部分成功，可以看出。

页面标题显示在以下HTML中：

=IFERROR(IF(AND(MATCH($D$1,B:B,0)<MATCH(B1,B:B,0),MATCH($E$1,B:B,0)>MATCH(B1,B:B,0)),IFERROR(OFFSET(INDIRECT(CHAR(COLUMN()+64)&ROW()),-1,0)+1,1),""),"")

我尝试了以下（笨拙，我知道）CSS来覆盖主题样式并设置背景颜色：

<div class="page-title-wide">
<div class="page-title-wrap">
<h2 class="left-title entry-title">Home</h2>
</div>
</div>

第二个选择器明显改变颜色，但不是第一个。第一个选择器的工作原理是，如果我输入类似＆＃34; font-size：300％;＆＃34;，有些事情发生了。

这是其中一个问题＆＃39;你可以盯着看多年而不看原因，因此我在这里发帖。任何人都可以建议为什么背景颜色没有设置在.page-title-wide div中？

与任何CMS网站一样，加载了大量的样式表，因此它不容易解剖，因为只有一张纸就可以了。

我已经在Nested divs Background-color阅读了该帖子，但是那里的解决方案并没有解决我的问题＆＃39;。

Answer 1

在你的情况下，在其他地方有一个额外的规则，它会覆盖你的陈述。

CSS文件的第91行

/*  ======================================================= *                   
 *                    Page Styles                           *
 * ======================================================== */

.page-title-wide {
    /* background-color: #5370B2; */
    background-image: linear-gradient(to right, #093CB5, #5370B2 50%, #093CB5);
    color: #F9F9F9;
}

Answer 2

好的，对不起，我错过了一些关键的东西：主题是加载带有蓝色渐变的背景图像。我设置了background-image：none并修复了它。对不起：（

Answer 3

你申请的那些款式需要在＆＃34;之后宣布＃34;默认主题样式。浏览器将使用它读取的最后一个声明的CSS样式。

在某些情况下，您的样式是在默认样式表之前编写的，您可以使用以下内容，但不建议使用

background-color: #645274 !important;

您应该检查元素并查看当前样式的应用位置，并在此之后声明您的样式

嵌套div背景颜色异常

3 个答案: