Drupal 7 Bootstrap .active css 不能覆盖？

Question

我在覆盖 .active 的引导 css 时遇到问题。 我已经设法覆盖了许多其他人，但不是这个。有人有想法吗？

我想做的是改变颜色和背景色。

这是我的 CSS：

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

Answer 1

在您的代码中包含“！important”怎么样？喜欢

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

如果还是不行，写下你自己的css文件中的所有行

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

Answer 2

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

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

即使这个!important 的使用在这里相当相关，考虑到框架，你应该小心这一点，不要养成在任何地方都使用它的坏习惯 /em>，就像 Chris Coyier 在文章 When Using !important is The Right Choice 中建议的那样。