a：visited取消了表中的悬停操作

Question

我的所有脚本和代码都在http://asteenburg.magix.net 它只是一个让我乱搞并学习CSS，JS和Jquery的网站。

有关问题的信息： 我在JQuery fadeIn脚本上有一个菜单链接/按钮和一个导航表。这两个元素也有一个悬停类。当用户将鼠标悬停在菜单链接/按钮上时，它按照编程工作。当用户将鼠标悬停在菜单中的导航表上时，链接将消失。

问题： 我发现了a：visited类可以防止悬停状态在导航表中工作。我知道它可能具有特异性（我也试图学习），但我已经改变了我的CSS不同的组合，但我已经没有想法，在Stackoverflow，谷歌，找不到任何东西，其他类似帖子也提出了一些建议，但无法让它为我工作。

请不要关闭这个问题，因为我很想知道导致这个问题的原因。非常感谢。

更新：如果有人知道任何有价值的CSS资源，我会有兴趣查看它。感谢。

Answer 1

我建议相应地设置所有链接，然后您不会遇到任何冲突

a:link {
    color: green;
}

/* visited link */
a:visited {
    color: green;
}

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

/* selected link */
a:active {
    color: yellow;
}

Answer 2

这不是一个完整的答案，我将不得不再使用它。但是，我改变了我的CSS：

.PanelTable {border：none; }
.PanelTable td {border：none; font-family：“Gotham Book”;填充：10px 20px 10px 20px; }
.Menu td：hover {background-color：#FFF;不透明度：0.3;颜色：＃B8B8B8; }

对此：

.PanelTable td {border：none;填充：10px 20px 10px 20px; }
.PanelTable td：hover {background-color：＃000;不透明度：0.3;颜色：＃B8B8B8; font-family：“Gotham Book”; }

我现在唯一的问题是我的悬停背景不能是#FFF ....＃000正常工作。 我会更多地玩它。我们会看到。

Answer 3

请记住这一点：链接样式必须按此顺序才能正常工作。

1. a：link - 正常的，未访问过的链接
2. a：已访问 - 用户访问过的链接
3. a：悬停 - 当用户将鼠标悬停在其上时的链接
4. a：有效 - 点击该链接时的链接

要了解有关样式链接（以及任何HTML，CSS或JS）的更多信息，请转到W3Schools.com。