我刚开始学习 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 中打开它们。
最佳答案
如何区分 a:link
和 a:hover
?通常,a:link
是蓝色的。现在,当您将鼠标悬停在它上面时,a:hover
也是蓝色的。将 a:hover
更改为黑色会让您看到不同之处。
关于html - CSS :hover and a:active not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27930011/