标签的伪类书写顺序问题
精贴
置顶
2580
0
曾经在调试自己的个人博客时发现过一个问题，链接的文字只有在 IE6 下当鼠标移到上面的时候会变色，在 IE7、IE8 和其它浏览器里都不变色，感觉很奇怪。
先来看一下我原来的代码：
- HTML code
- DOCTYPE html> <style type="text/css"> a:hover{color:red;} a:link{color:black;} a:visited{color:blue;} a:active{color:green;} style> <a href="#">test test testa>
页面为标准模式(声明 DOCTYPE 为 即可，稍后会在“浏览器兼容性”系列中详细介绍浏览器模式)。
以上代码中，我的本意是想让文字在没有访问 (:link) 的时候是黑色，在悬停在文本上方 (:hover) 时是红色，点击到文本上方未释放鼠标时 (:active) 是绿色，而访问过 (:visited) 以后就变成了蓝色。
但是，事与愿违，在 IE6 下，当鼠标移到链接上时，文字会变红，而其他浏览器中都还是黑色。
相信大家也曾经遇到过类似的问题吧。
后来，查了一下W3C标准-- 5.11.2 和 5.11.3 才知道，原来标签的伪类样式定义是有顺序要求的。
简单的介绍一下A 标签的4个伪类：
1. ':link' ：适用于未被访问的链接；
2. ':visited' ：适用于已经访问过的链接；
今日天气
···
···
···
···
近一月回答榜 - TOP 12
wuxuxiao
钻石VIP
qwe2466985
超级会员
yu_rebecca
黄金会员
wuxiao2882
青铜会员
a448155162
普通会员
messi
普通会员
85xinxi
普通会员
fushang369
普通会员
wawa512com
普通会员
zhuangjunhua
普通会员
ucase
普通会员
xuchunyun
普通会员
博客标签
- 热门排行
- 用ASP实现网页BBS 2010-11-01
- CSS cursor鼠标样式一览表 2012-06-25
- .NET后台写JS代码 2011-11-03
- 网站地址多出jdfwkey的问题解析及... 2010-08-25
- 数据库xxx的日志已满,请备份该数... 2013-07-19
- 百度、google、Yahoo网站地图制作... 2011-01-30
- <a>标签的伪类书写顺序问题... 2010-09-04
- 什么是长尾关键词？ 2010-09-24
- CEO名言 2010-08-31
- Mysql 主从数据库同步 2010-09-12
- 博主推荐
- 本个人博客微信公众平台上线啦~~... 2013-10-13
- 饼哥网络互联上线啦~~要买域名空... 2013-09-20
- 网站title标题如何正确修改不会被... 2013-08-26
- 饼哥通讯录系统上线啦，欢迎大家... 2013-08-24
- ASP .NET MYSQL 的简单分页 并不... 2013-08-19
- 网站有弹窗广告这样的站点，百度... 2013-08-17
- 做淘宝SEO优化需要注意的8大问题 2013-08-17
- 淘宝网怎么做SEO优化 2013-08-17
- 站长们要学习的“苍井空精神” 2013-08-17
- 苹果公司今日发布了iOS 7第五个开... 2013-08-07
- 随便看看
- Googlebot 有哪几种？ 2010-09-30
- 小米1刷V5系统WIFI不能连接解决办... 2013-08-01
- 获取Android系统的唯一识别码 2013-06-27
- Java语言出现的背景、影响及应用... 2010-10-16
- 一个字符串"234.157.698.0" 要求... 2010-11-29
- 关键字也有权重吗？ 2010-09-19
- PHP十六进制加密解密函数 2010-10-12
- content = "IE=edge,chrome=1" 详... 2013-10-23
- 其它的ASP常用组件 2010-10-25
- 第一期SEO自测题答案及解释 2010-10-04
- RSS新闻
- 传媒新闻
- CSDN
- 八卦新闻
- 女性新闻
- 台湾新闻
- 互联网
- 军事-新浪博客
- IT-新浪博客
- 汽车新闻
- 游戏新闻
- 国际新闻
- 国内新闻
- 体育新闻
- 我的微博