Question

我之前发现了一些关于此的帖子，但我看到的错误对我来说很明显，不幸的是我还没有找到问题的答案。

我正在使用bootstap的主要面板：

<div class="panel panel-primary">...</div>

我想更改标题的背景颜色，因此我将此类添加到CSS中以更改背景颜色：

.panel-primary > .panel-heading {
    color: yellow !important;
    background-color: yellow !important;
    border-color: #F6E3CE !important;
}

然而，标题的背景颜色只是让它保持蓝色。令我恼火的是颜色（字体颜色）变为黄色，这表明我正在编辑正确的CSS块。
而且我可以改变面板体的背景颜色，就像工作正常一样。

有关于此的任何想法吗？

这是一个屏幕截图，看到它只是不会改变的背景颜色：

Answer 1

您需要使用background-image或background属性来覆盖默认背景颜色。

像这样

    background-image: -webkit-linear-gradient(top,yellow 0, #dbff46 100%);

或

background:yellow;

Answer 2

你需要更加具体的代码，你没有提到你的元素是如何结构化的，A＆gt; B选择器意味着它将匹配具有元素A父元素的元素B.为了帮助您解决问题，可以添加一些代码段，以便获得帮助。

Answer 3

抱歉，我是stackoverflow的新手。我似乎必须添加一条新评论来发布另一个屏幕截图。

现在这很奇怪，当我确定文件的来源＆＃34; gradients.less＆＃34;在chrome中，我得到了这个截图。enter image description here

根据这张照片，我有一个目录../ bootstrap / css / less / mixins / gradients.less

但实际上我所拥有的目录是：../ bootstrap / css，这里只有文件，例如＆＃34; bootstrap.css＆＃34; - 没有子文件夹＆＃34; less＆＃34; - 根本没有子文件夹。