2015-07-06 18 views
0

温柔的男人(和女人一样),少navbar一:积极不工作

我卡住了一个讨厌的问题我想不通。

下面的代码:

.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; 
} 

我是新来的少,我第一次(未成年人)的问题是如何嵌套该代码正常。

但真正的问题是a:active和a:focus不起作用。什么也没有。 a:链接,但不是它应该做的。我希望字体颜色是白色,它显示为蓝色。检查生成的代码显示在第1089行,但奇怪的是,Firebug显示颜色划掉 - 它不应该工作。 我想要a:active和/或a:focus with font-color#000,但这不起作用。 a:主动显示,但在瞬间消失。 我试过.current类,因为它在Firebug中显示出来,但那根本不起作用。

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

它是基于一个Joostrap Joomla网站,自举3

回答

0

这是一个CSS冲突。

.sidebar-right的导航风格的颜色覆盖从一般的导航风格的颜色。

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

+0

这只有部分帮助。我停用该行,但a:active仍然不存在。答:悬停作品优秀,但。 – Jos