2015-04-04 73 views
0

我正在尝试覆盖Bootstrap规范。 Bootstrap文件前面有一个脚手架文件。但是,Bootstrap规范正在被选中,提供白色而不是绿色。这是为什么发生?CSS订单和选择

我知道A标签有4个伪类:链接,悬停,活动和访问。我只是在处理现实和Bootstrap。

的选择是:

.navbar-inverse .navbar-nav > li > a:focus 

合并CSS文件有按以下顺序进行相关的规范:

.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:active { 
    color: green; 
    background-color: transparent; 
} 
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus { 
    color: #fff; 
    background-color: transparent; 
} 

选择的图片: enter image description here

所有帮助表示赞赏。

+0

我讨厌它,当我这样做。 – 2015-04-04 21:17:06

+0

@Jeroen请将您的回复作为答案发布,以便我可以接受。 – 2015-04-26 19:54:58

回答

0

这确实有道理,对不对?后者规范覆盖第一个。您有两种选择:

  • 更改声明的顺序;
  • 使您的规格更具体(更具体的选择器,如果您需要最后的手段,请使用!important)。
0

尝试增加

!important 

添加结束你的CSS被覆盖线。或者改变你的CSS的顺序。