css链接的一个特殊问题

时间:2013-01-27 13:30:57

标签: css hyperlink

我的网站上有链接的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>,则可行,但显然没有此类页面。

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

1 个答案:

答案 0 :(得分:2)

请参阅http://www.w3schools.com/css/css_pseudo_classes.asp,尤其是注释:

  

注意:a:hover必须在a:link和a:在CSS中访问   定义为了有效!!

     

注意:a:主动必须在a之后按顺序悬停在CSS定义中   要有效!!

     

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

以下是w3c的正式版本http://www.w3.org/TR/CSS2/selector.html见第5.11.3节