Bootstrap：更改面板的背景颜色

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 > B 选择器意味着它将匹配具有元素 A 父级的元素 B。为了帮助您更好地解决您的问题，可以添加一些代码片段，以便您可以获得帮助。

Answer 3

抱歉，我对 stackoverflow 很陌生。看来我必须添加新评论才能发布另一个屏幕截图。

现在这真的很奇怪，当我在 chrome 中识别文件“gradients.less”的来源时，我得到了这个屏幕截图。

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

但实际上我拥有的目录是：../bootstrap/css，其中只有文件，例如“bootstrap.css” - 没有子文件夹“less” - 根本没有子文件夹。