CSS顺序和选择

Question

我试图覆盖Bootstrap规范。我在Bootstrap文件之前有一个脚手架文件。但是，正在选择Bootstrap规范，提供白色而不是绿色。为什么会这样？

我知道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;
}

选择图片：

所有帮助表示赞赏。

Answer 1

尝试添加

!important 

添加你的css行的结尾被覆盖。或者改变你的css的顺序。

Answer 2

这确实有道理，对吗？后一个规范覆盖了第一个。您有两种选择：

• 更改声明的顺序;
• 使您的规范更具体（更具体的选择器，或者如果您需要最后的手段，请使用!important。）