html - 无法更改 Bootstrap 主题元素颜色

Question

这是我第一次在我的 ASP.net 网络应用程序中使用 Bootstrap 主题，因此我在 CSS 编辑方面遇到了一些困难。

我在网上得到了这个 Bootstrap 模板，为了适应我的需要，我想将页脚 div 的颜色更改为另一种颜色。这是html中的代码

<div class="footer_bottom">
        <div class="copy">
            <p>Copyright &copy; 2014</p>
        </div>
    </div>

这是CSS

.footer_bottom {
padding: 2em 0;
/*background: #7cc4cc;*/
background: #5DBCD2;

基本上，我想将 div 的颜色从 #7cc4cc 更改为 #5DBCD2。当我在 google chrome 中运行我的页面并选择检查元素选项时，代码应该可以工作，但在 css 属性背景中:#7cc4cc 在行背景上方斜线:#5DBCD2(未斜线)但颜色显示的 div 仍然是#7cc4cc。简而言之，出于某种原因我无法更改主题的 CSS 颜色属性。任何帮助将不胜感激。

Answer 1

您可以通过阅读 CSS Specificity 学到很多东西. CSS 是关于规则之上的规则，所以我认为正在发生的事情是，一些规则正在应用于您的:

.footer_bottom { background: #5DBCD2; }

检查任何具有更高特异性的规则，并使此 .footer-bottom 声明高于该规则。

其他答案中的 !important 解决方案不是您想要做的。随着时间的推移，这些事情会咬你的屁股，因为它们会把你的专一性吹得一塌糊涂。