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

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

原创最新推荐文章于 2021-11-09 22:28:53 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#firefox #浏览器 #ie #c

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