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的背景颜色......）但是点击这个，让我们知道代码不起作用。 感谢