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 Specificity，你可以学到很多东西。 CSS是关于规则的规则，所以我认为正在发生的一些规则是应用于你的：

.footer_bottom { background: #5DBCD2; }

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

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

Answer 2

使用!important覆盖引导样式：

   .footer_bottom {
      padding: 2em 0 !important;
      background: #5DBCD2 !important;
    }

Answer 3

您正试图覆盖引导程序css，因此您需要将!important添加到背景颜色更改中，如下所示：

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

无法更改引导主题元素的颜色

3 个答案: