2007年04月11日

一直有一个困惑,为什么在CSS中做超链接的样式表时,如果不做a:visited的话,已点击的链接会默认变成紫色下划线,如果做过a:visited的话,已点击后的链接就不能变色了,今天终于发现了这个诀窍。原来这几个高级的链接样式表是有先后次序的,以下是关于他们的定义:

a:link类型出现的时间为最早,因为它可应用于所有的链接。a:visited类型排第二,它将取代任何链接的a:link格式。(如果a:link类型紧跟着的是a:visited,a:link可能会取代a:visited类型。)其次是a:hover类型,此类型只应用于访问鼠标下的链接。最后是a:active,所以,当链接被点击时,它可以取代所有其它的类型。

这个我是在这个博客找到的: http://blog.csdn.net/mc_hoho/archive/2006/11/10/1376790.aspx,详细内容也在这里。下面为摘录部分:

  你也许已经意识到,你可以通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。

  现在让我们看看如何安排链接状态的类型在不产生冲突的情况下支持正常的翻滚效果,并且如何重新安排这些类型顺序以获得不同的翻滚效果。

  链接状态

  典型的CSS翻滚效果依赖于超链接中四个状态之一的独立类型。可以建立附带CSS预先类的(超链接)类型以指定链接状态:

  a:link——常规,非访问超链接

  a:visited——访问超链接

  a:hover——访问者操作鼠标通过时的链接

  a:active——点击链接

很感谢,不过不能评论,很可惜。