我的网站上有链接的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>
,则可行,但显然没有此类页面。
为什么会发生这种情况?如何解决?
答案 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节