Web前端开发-Web前端工程师
CSS3参考手册
»
选择符列表
»
伪类选择符
»
相关内容：
其它伪类选择符
选择其它项
E:hover
版本：CSS1/2
语法：
E:hover
{ sRules }
说明：
设置元素在其鼠标悬停时的样式。
IE6只支持a元素的:hover，从IE7开始支持其它元素的:hover。
兼容性：
浅绿
= 支持
红色
= 不支持
墨绿
= 部分支持
橙色
= 实验性质
支持版本
\类型
IE
Firefox
Safari
Chrome
Opera
较早版本
6
#1
4
5.1.7
13
11.5
最近版本
7
IE6及更早浏览器只支持a元素的:hover，从IE7开始支持其它元素的:hover。
示例：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>用户行为伪类选择符 E:hover_CSS参考手册_web前端开发参考手册系列</title> <a target="_blank" rel="external" href="http://www.w3cways.com/">Web前端开发-Web前端工程师</a> <style> h1{font-size:16px;} a,div{display:block;margin-top:10px;padding:10px;border:1px solid #ddd;} a:hover{display:block;background:#ddd;color:#f00;} div:hover{background:#ddd;color:#f00;} </style> </head> <body> <h1>请将鼠标分别移动到下面2个元素上</h1> <a href="?">我是一个a</a> <div>我是一个div</div> </body> </html>