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

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;

现在，当我从“评论”跳到“Christy Lodge”时，#fed136 颜色在“评论”和“Christy Lodge”上都保持亮起。

有没有办法在鼠标离开链接并转到“Christy Lodge”时关闭焦点。我在想，也许它没有关闭是因为没有一个即将链接的实时 url？

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

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