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:不过“悬停”效果很好。