鼠标悬停或经过对象时CSS样式变化设置

2019年11月30日作者：佚名

:hover伪类配置名目鼠标悬停颠末形态

鼠标悬停或经由对象时CSS格局转变设置装备摆设，常见于对A超链接标签设置鼠标经由悬停时CSS名目。

a:hover{ color:#F00; background:#CCC}

设置超链接A对象鼠标悬停时，A超链接对象字体色彩改动为红色，靠山色彩为灰黑色。

Span:hover{ color:#F00}

鼠标悬停或经过span标签对象时，字体色调变为赤色。

寄望：此前对非a超链接标签设置IE6不兼容hover，但其时运用IE6对比浓密了，可以不思量IE6兼容非a标签的hover.

A标签设置装备摆设hover想必大家都清楚，对别的标签设置装备摆设实在也是如斯，对class或id定名配置便可。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>非A标签元素配置hover</title>
<style>
.abc{ color:#000; bac公斤round:#FFF}
.abc:hover{color:#F00;bac公斤round:#CCC}
</style>
</head>
<body>
<div class="abc">默认此class=abc对象内字体色调为彩色，背景纯白色</div>
</body>
</html>

鼠标悬停在div class=abc竞争对象时，字体色调和配景色彩扭转功效截图