css - css链接的一个特殊问题

Question

我的网站上有链接的 CSS 代码：

a { text-decoration:none; color:#2B5384; }
a:hover { color:#F90; }
a:visited { color:#2B5384; }

如果链接看起来像这样，它可以正常工作：<a href="mypage.html">My page</a>- 链接的颜色是深蓝色，悬停时它会变为橙色并出现下划线。但是，如果我链接到外部网站，例如<a href="http://www.facebook.com/mypage">My page</a>- 悬停时链接不会改变颜色，也不会出现下划线。如果我将 URL 更改为具有 .html 扩展名 - <a href="http://www.facebook.com/mypage.html">My page</a>，它会起作用，但显然，没有这样的页面。

为什么会发生这种情况，如何解决？

Answer 1

请参阅http://www.w3schools.com/css/css_pseudo_classes.asp特别是注释：

注意：a:hover 必须在 CSS 定义中的 a:link 和 a:visited 之后才能生效！！

注意：a:active 必须在 CSS 定义中的 a:hover 之后才能生效！！

注意：伪类名不区分大小写。

这是 w3c 的官方版本http://www.w3.org/TR/CSS2/selector.html参见第 5.11.3 节