中国设计联盟
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
域名注册 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计  虚拟主机 域名注册 acg王国 ACG玩家
求创科技
上海网站建设
中国福网
招聘求职
中国互联
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> web标准 >> css样式小技巧:关于链接样式的设置问题!

css样式小技巧:关于链接样式的设置问题!

来源:中国设计秀    作者:    点击:64     加入收藏

大家经常使用如下的方式设置链接的css样式:

a:link {
 color: #2D8002;
 text-decoration: underline;
}
a:hover {
 color: #FF0000;
 text-decoration: none;
}
a:visited {
 color: #003300;
 text-decoration: underline;
}

可有的时候命名设置好了hover样式,对于已经访问过的链接,当鼠标移到链接上时,结果却仍然显示的是visited的样式,怎么改怎么都这样,一次偶然的机会让我发现了问题的关键所在。。。(真啰嗦!!!)

原来css样式的各个设置也是有顺序的,上边的例子就可以正常看到访问过的链接效果,而下边的例子就不可以,这样大家就明白了吧:

a:link {
 color: #2D8002;
 text-decoration: underline;
}
a:visited {
 color: #003300;
 text-decoration: underline;
}
a:hover {
 color: #FF0000;
 text-decoration: none;
}



Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=580402

0
顶一下
2007-10-04 11:48:00    出处:
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口