定义链接的样式是有顺序的
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;}
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;}
相关文章推荐
- CSS中a标签的样式简介 链接定义的顺序
- 14.定义链接样式
- css中定义超级链接的样式
- CSS中a标签样式的“爱恨”原则:定义链接样式的四个伪类
- CSS定义超链接样式的顺序以及四个伪类的介绍
- 用CSS定义链接样式
- css_定义链接样式
- CSS样式定义的优先级顺序总结
- CSS中超链接样式的书写顺序
- CSS中定义链接样式的四个伪类
- 规范化的链接样式顺序?
- CSS定义链接的样式
- 定义链接的样式(转贴)
- CSS中超链接样式的书写顺序
- CSS学习笔记:链接的样式声明顺序
- 指定链接的样式的顺序
- CSS样式定义的优先级顺序总结
- (经验)在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序
- css中超级链接样式的设置顺序
- 第5章—通过CSS定义链接样式