IE下这样定义链接的样式 :
a:link {COLOR: #89827c; TEXT-DECORATION: none;}
a:hover {COLOR: #000000; TEXT-DECORATION: none;}
a:active {COLOR: #ff0000; TEXT-DECORATION: none;}
a:visited {COLOR: #89827c; TEXT-DECORATION: none;}
注意,“a:visited ”是放置在最后的。这样当一个链接被点击后,上面的样式定义就失效了。也就是说,鼠标箭头放上去(hover)和按下鼠标左键不放(active),链接的文字不会变色了。
而调整“a:visited ”的位置后(如下),就正常了。在Firefox下的表现和IE一样。看来浏览器应用链接的样式是有个检查顺序的(程序的精髓就是顺序的变化)。
–好像从来都没注意这个问题,因为每次的style都是从一个成熟的网站复制过去的,而一个网站也就定义一次样式,要定义新的类,也是复制和粘贴代码。也没见哪个教程上说过这个问题啊!
a:link {COLOR: #89827c; TEXT-DECORATION: none;}
a:visited {COLOR: #89827c; TEXT-DECORATION: none;}
a:hover {COLOR: #000000; TEXT-DECORATION: none;}
a:active {COLOR: #ff0000; TEXT-DECORATION: none;}