html - CSS :hover and a:active not working

Question

我刚开始学习 HTML 和 CSS 并且在测试一些简单的 CSS 时奇怪的事情开始发生了。

这是我的 CSS。

a:link {
    color: blue;
    text-decoration: none;
}
a:visited {
    color: purple;
    text-decoration: dotted;
}
a:hover {
    color: blue;
    text-decoration: dotted;
}
a:active {
    color: blue;
    text-decoration: dotted;
}

a:hover 和 a:active 并不总是按预期执行。这真的让我感到困惑，因为如果我将 a:hover's color: blue; 中的 blue 更改为 black 它突然有效。

我正在 Visual Studio 2012 中编辑 HTML 和 CSS 文件，并从保存它们的 Dropbox 文件夹中在 Google Chrome 中打开它们。

Answer 1

如何区分 a:link 和 a:hover？通常，a:link 是蓝色的。现在，当您将鼠标悬停在它上面时，a:hover 也是蓝色的。将 a:hover 更改为黑色会让您看到不同之处。