今天小编给大家分享一下鼠标悬停或经过对象时CSS样式变化怎么设置的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
: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竞争对象时，字体色调和配景色彩扭转 功效截图
以上就是“鼠标悬停或经过对象时CSS样式变化怎么设置”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注编程网行业资讯频道。
