Less 少导航栏a:活动不起作用

Less 少导航栏a:活动不起作用,less,joomla3.0,Less,Joomla3.0,温柔的男人(女人也一样) 我遇到了一个我无法解决的棘手问题 代码如下: .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;

温柔的男人(女人也一样)

我遇到了一个我无法解决的棘手问题

代码如下:

.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:主动和a:专注不起作用。什么都没有。答:link有,但不是它应该做的。我希望字体颜色是白色,它显示为蓝色。检查生成的代码显示在第1089行,但奇怪的是Firebug显示颜色被划掉了——它不应该工作。 我想要字体颜色为#000的:活动和/或:对焦,但这不起作用。 答:active确实会出现,但会在一瞬间消失。 我尝试了.current类,正如它在Firebug中显示的那样,但那个类根本不起作用

您可以在上查看代码


这是一个基于Joostrap的Joomla站点,具有Bootstrap 3,这是一个css冲突

.sidebar right
导航样式中的颜色将覆盖常规导航样式中的颜色


您可以通过为正在更新的nav定义更具体的类,或直接更新侧栏样式来解决此问题。

这只起到了部分帮助。我取消激活了该行,但a:active仍不存在。a:不过“悬停”效果很好。