CSS 顺序和选择

Question

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

我了解到A标签有4个伪类:link、hover、active和visited。我只是在处理现实和 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)。