css - CSS悬停不起作用

Question

我正在我的网站中通过 jQuery 制作一个选项卡式导航菜单。所有单独的选项卡都有类navBarLink，这里是与它相关的 CSS：

.navBarLink:link,.navBarLink:visited
{
display:block;
height:27px;
width:120px;
color:#FFF;
background-color:#06C;
text-align:center;
padding:4px;
text-decoration:none;
border:0;
margin:2px 2px 0 2px;
}
.navBarLink:hover,.navBarLink:active
{
background-color:#FFF;
color:#06C;
border-bottom-style:solid;
border-bottom-color:#FFFFFF;
border-bottom-width:1px;
}

问题是当我单击选项卡时背景颜色会发生变化，但当我将鼠标悬停在选项卡上时不会改变。基本上我的悬停和点击不能同时工作。知道为什么会这样吗？

Answer 1

http://jsfiddle.net/UnFhQ/

这行得通。（我从第一个 css 代码中删除了 :link，这样我就可以看到 div 的背景颜色...）但是单击此按钮并让我们知道代码不起作用的原因。谢谢