|
测试环境：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.baidu.com">百度</a>
- <a href="http://www.google.com">google</a>
- <div>test</div>
- <table><tr><td>test</td></tr></table>
- <p>zhe ye shi test</p>
- <input type="checkbox">nan
- </body>
- </html>
对于链接（a标记）不管是link伪类还是动态伪类，在ie7-8,chrome 都有效果 对于表单元素，ie7 下不支持动态伪类， ie8下文本框，单选框都支持：focus， chrome下文本框支持：focus，复选框不支持focus 对于p，tr ，ie7-8,chrome 都只支持：hover。
| 
/1 
关于我们
发表于 2018-12-28 15:00:01
QQ好友和群
QQ空间
腾讯微博
腾讯朋友
微信
收藏
置顶服务
换色服务
发表于 2020-12-28 09:15:45
