重点？鼠标移动时如何关闭

Question

我希望我在正确的轨道上？该网站位于：

http://www.dinewine.com/startbootstrap-agency-1.0.6/index.html

当鼠标悬停在顶部导航上时，鼠标悬停的背景颜色为#fed136：

a:focus,.navbar-default .navbar-nav>.open>a:hover{
color: #555;
background-color: #fed136;
font-size: 12px;

现在，当我从“评论”跳转到“克里斯蒂小屋”时，“评论”和“克里斯蒂小屋”的颜色 #fed136 都保持亮起。

有没有办法在鼠标离开链接并转到“Christy Lodge”时关闭焦点。我在想，也许它没有关闭是因为很快就没有实时链接了？

任何想法都值得赞赏。另外，我完全有可能根本不知道我在说什么..

Answer 1

这里有一个很好的使用 CSS 更改链接的教程：http://www.w3schools.com/Css/css_pseudo_classes.asp

对于未访问者：

/* unvisited link */
a:link {
color: #FF0000;
}

悬停：

/* mouse over link */
a:hover {
color: #FF00FF;
}