<a>标签的伪类书写顺序问题

精贴置顶

5774 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' ：适用于已经访问过的链接；
3. ':hover' ：在可视化客服端上，适用于光标（鼠标指针）指向一个元素，但还未激活它时；
4. ':active' ：适用于一个元

没有任何评论

今日天气 ···

···

···

···

近一月回答榜 - TOP 12

钻石VIP 吴旭晓

普通会员 令王告白

普通会员 心如仓井空似水

普通会员 messi

普通会员 沧州华欧煤气炉

普通会员 孙文强

普通会员 lucifo

普通会员 xxxxxxx

普通会员饼饼

普通会员 ucase

普通会员 留下足迹

普通会员 小谨夜

博客标签

JAVA C# ASP PHP 操作系统 Android IOS ASP.NET JavaScript DIV+CSS SEO 软件技巧浏览器兼容服务器安全数据库 HTML 域名空间建站经验其他技术知识设计类随便说说趣味编程淘宝客饼哥语录

RSS新闻

健康·生活社会·法治百度浙江新闻教育频道军事频道八卦新闻女性新闻台湾新闻党网·时政电影频道军事-新浪博客经济·科技汽车新闻游戏新闻国际新闻国内新闻体育新闻

历史作品

企业宣传类门户类 Flash类外贸类商城类博客论坛类 OA管理类政府机构类私单手机版

热门排行: CSS cursor鼠标样式一览表 2012/6/25; .NET后台写JS代码 2011/11/3; 网站地址多出jdfwkey的问题解析及... 2010/8/25; 百度、google、Yahoo网站地图制作... 2011/1/30; 数据库xxx的日志已满,请备份该数... 2013/7/19; <a>标签的伪类书写顺序问题... 2010/9/4; CEO名言 2010/8/31; 什么是长尾关键词？ 2010/9/24; Mysql 主从数据库同步 2010/9/12; 用ASP实现网页BBS 2010/11/1

博主推荐: 网站title标题如何正确修改不会被... 2013/8/26; ASP .NET MYSQL 的简单分页并不... 2013/8/19; 网站有弹窗广告这样的站点，百度... 2013/8/17; 做淘宝SEO优化需要注意的8大问题 2013/8/17; 淘宝网怎么做SEO优化 2013/8/17; 站长们要学习的“苍井空精神” 2013/8/17; 苹果公司今日发布了iOS 7第五个开... 2013/8/7; 小米1刷V5系统WIFI不能连接解决办... 2013/8/1; 本博客手机版上线咯！会员后台也... 2013/7/31; Win7系统环境安装配置PHP开发环境... 2013/7/29

随便看看: 举例 2010/10/16; nil和release区别 2013/6/21; CSS完美兼容IE6/IE7/FF的通用方法... 2010/9/6; 本博客手机版上线咯！会员后台也... 2013/7/31; 如何进行关键词分析？ 2010/9/24; WINISO（v5.3）注册码注册方法 ... 2010/9/7; 反网络病毒联盟引导APP开发者提交... 2013/9/29; Word快捷键大全 2010/9/9; 两招轻松搞定Windows 7系统的自动... 2011/1/20; 鼠标实现画图的Java小程序 2013/6/26

合作伙伴

无人自助系统

博客手机版

金华学车网

网站流量统计

北京上海杭州深圳广州成都