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

今天小编给大家分享一下鼠标悬停或经过对象时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定名配置便可。

默认此class=abc对象内字体色调为彩色，背景纯白色

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

以上就是"鼠标悬停或经过对象时CSS样式变化怎么设置"这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注行业资讯频道。