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

最新推荐文章于 2021-11-09 22:28:53 发布

zhangking

最新推荐文章于 2021-11-09 22:28:53 发布

阅读量966

点赞数

文章标签： firefox 浏览器 ie c

本文链接：https://blog.csdn.net/zhangking/article/details/6463818

版权

    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;}