Drupal 7 Bootstrap .active css无法覆盖？

Question

我有一个问题要覆盖.active的bootstrap css。 我设法覆盖了许多其他但不是这一个。有没有人有想法？

我想要做的是改变颜色和bg颜色。

这是我的CSS：

.active {
  color: #AAAA33;
  background-color: #303030;
}

Answer 1

要覆盖此类元素，您应将其声明为!important：

.active {
    color: #AAAA33 !important;
    background-color: #303030 !important;
}

即使这个!important的使用在这里非常重要，考虑到框架，你应该小心这一点，不要养成使用它的坏习惯无处不在，如Chris Coyier在文章When Using !important is The Right Choice中所建议的那样。

Answer 2

如何在代码中包含“！important”？喜欢

color: #AAAA33 !important;
background-color: #303030 !important;

如果仍然无效，请记下您自己的css文件中的所有行

.navbar-default .navbar-nav > .active > a {
   color: #AAAA33;
   background-color: #303030;
}