首页 > 代码库 > 关于css伪类的一些兼容性测试
关于css伪类的一些兼容性测试
测试环境：xp ,ie7~8 chrome。
link 伪类 ：(：link,：visited) 这个是链接专用
动态伪类 ：(：hover,:active,:focus)
<!DOCTYPE html>
<html>
<head></head>
<style type="text/css">
a:link,input:hover{color:blue;}
a:visited{color:green;}
a:active{color:red;}
a:hover{color:yellow;}
tr:hover,p:hover{background-color:red;}
input:focus,p:focus{background-color:yellow;}
</style>
<body>
<input type="text" />
<a href=http://www.mamicode.com/"http://www.baidu.com">百度>
对于链接（a标记）不管是link伪类还是动态伪类，在ie7-8,chrome 都有效果
对于表单元素，ie7 下不支持动态伪类，
ie8下文本框，单选框都支持：focus，
chrome下文本框支持：focus，复选框不支持focus
对于p，tr ，ie7-8,chrome 都只支持：hover。
只是简单测试，欢迎指正
更希望能有朋友提供学习资源
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。