较少的导航栏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不起作用。什么都没有。答:link有，但不是它应该做的事情。我希望字体颜色是白色的，它显示为蓝色。检查生成的代码显示在1089行，但奇怪的是Firebug显示颜色被划掉了-它应该不起作用。我想要使用font-colour #000的a:active和/或a:focus，但这不起作用。答:active确实出现了，但在瞬间就消失了。我尝试了.current类，因为它在Firebug中显示出来，但是那个类根本不起作用。

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

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

Answer 1

这是一个css冲突。

​

​

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

您可以通过为正在更新的导航定义更具体的类或直接更新侧栏样式来修复此问题。