减少导航栏a：有效不起作用

Question

温柔的男人（以及女人），

我遇到了一个令人讨厌的问题，我无法弄明白。

以下是代码：

.navbar-collapse {
  background-color: #ff6600;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 5px;
}

.nav > li > a:link {
  color: #fff;
  font-weight: bold;
}
.nav > li > a:visited {
  color: #ccc;
  background: blue;
}
.nav > li > a:hover {
  color: #000;
  background: pink;
}
.nav > li > a:focus, .nav > li > a:active {
  color: #000;
  background: yellow;
}

.nav > li .current {
  color: black!important;
  background: skyblue!important;
}

我是Less的新手，我的第一个（次要）问题是如何正确嵌套这段代码。

但真正的问题是：a：active和a：focus不起作用。什么都没有。 a：链接确实，但不是它应该做的。我希望字体颜色为白色，显示蓝色。检查生成的代码显示在第1089行，但奇怪的是，Firebug显示颜色被划掉 - 它应该不起作用。 我想要一个：active和/或a：使用font-color＃000聚焦，但这不起作用。 a：活动确实会出现，但会在一瞬间消失。 我尝试了.current类，因为它出现在Firebug中，但是那个根本不起作用。

您可以在http://www.test.dgdesk.com上查看代码。

这是一个基于Joostrap的Joomla网站，带有Bootstrap 3

Answer 1

这是一场css冲突。

.sidebar-right导航样式的颜色会覆盖常规导航样式的颜色。

您可以通过为要更新的导航定义更具体的类，或直接更新侧边栏样式来解决此问题。