<分区>
<分区>
我有一个小异常(“问题”不是一个允许的词 ;-))在嵌套的 div 中设置背景颜色,这让我如厕。我在 www.teachtoo.org 管理网站,该网站由 Wordpress 驱动。我正在尝试设置(使用非常方便的 Jetpack CSS 编辑器)带有页面标题的“栏”的背景颜色,而且我只取得了部分成功,如图所示。
页面标题出现在以下 HTML 中:
<div class="page-title-wide">
<div class="page-title-wrap">
<h2 class="left-title entry-title">Home</h2>
</div>
</div>
我尝试了以下(笨拙,我知道)CSS 来覆盖主题样式并设置背景颜色:
/* Set background colour of 'bar' with page title to purple } */
.page-title-wide {
background-color: #645274;
}
.page-title-wrap {
background-color: #645274;
}
第二个选择器显然改变了颜色,但不是第一个。第一个选择器的工作原理是,如果我输入“font-size: 300%;”之类的东西,就会发生一些事情。
这是这些“问题”之一,您可以盯着它看很久而看不到原因,因此我在这里发帖。谁能建议为什么没有在 .page-title-wide div 中设置背景颜色?
与任何 CMS 站点一样,加载了大量样式表,因此剖析所有样式表并不容易,因为只有一个样式表。
我已经阅读了 Nested divs Background-color 的帖子但那里的解决方案不适用于我的“问题”。
最佳答案
在您的情况下,其他地方有一条附加规则会覆盖您的声明。
CSS 文件的第 91 行
/* ======================================================= *
* Page Styles *
* ======================================================== */
.page-title-wide {
/* background-color: #5370B2; */
background-image: linear-gradient(to right, #093CB5, #5370B2 50%, #093CB5);
color: #F9F9F9;
}
关于css - 嵌套div背景色异常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30261984/