无法更改bootstrap主题元素的颜色

Question

这是我第一次在我的ASP.net Web应用程序中使用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;

}

基本上,我想将#7cc4cc的div颜色改为#5DBCD2.当我在谷歌浏览器中运行我的页面并选择检查元素选项时,代码可以正常工作,但在css属性背景中:#7cc4cc在线背景上面被删除:#5DBCD2(没有被删除)但颜色是显示的div仍然是#7cc4cc.总之,由于某种原因,我无法更改主题的CSS颜色属性.任何帮助将不胜感激.

Answer 1

通过阅读CSS特异性,你可以学到很多东西.CSS是关于规则之上的规则,所以我认为正在发生的是,一些规则正在应用于你的:

.footer_bottom { background: #5DBCD2; }

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

!important其他答案中的解决方案不是您想要做的事情.随着时间的推移,这些东西会在你的屁股中咬你,因为它们会通过屋顶吹你的特异性.