您的位置:首页 > Web前端 > CSS

定义链接的样式是有顺序的

2009-05-01 19:47 253 查看
    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;}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  firefox 浏览器 ie c