css :hover伪类选择器介绍
css :hover选择器适用于设置光标（鼠标指针）指向一个元素，但此元素未被激活时的CSS样式，与css :hover类似的伪类选择器还有3个：
注意，a:hover 必须位于 a: 和 a:visited 之后，a:active 必须位于 a:hover 之后, 可靠的顺序是：l( )ov(visited)e h(hover)a(active)te, 即用喜欢(love)和讨厌(hate)两个词来概括.
语法：
:hover {
style properties
}
如：
a[href]:hover {text-decoration: underline;}
p:hover {background: yellow;}
css :hover实例
设置鼠标移到链接上的样式：
<!DOCTYPE html>
<html>
<head>
< >css :hover伪类选择器实例分析(http://www.manongjc.com/article/1323.html)</ >
<style>
a:hover
{
background-color:yellow;
}
</style>
</head>
<body>
<a href=\"http://www.manongjc.com\">manongjc</a>
<a href=\"http://www.wikipedia.org\">wikipedia.org</a>
<p><b>Note:</b> The :hover selector style s on mouse-over.</p>
</body>
</html>
继续阅读与本文标签相同的文章
上一篇 :
现代机器人之父：超强AI只是幻想
下一篇 :
从合格到优秀，程序员需具备这几项关键品质
-
手机导航是怎样判断路况的？不仅是通过卫星，这几个原因使导航更智能
2026-05-14栏目： 教程
-
手机信号突然从“4G”变成“E”，是什么意思？客服给出答案
2026-05-14栏目： 教程
-
互联网架起“乌镇式生活”
2026-05-14栏目： 教程
-
微信才是内存“杀手”，别再乱清理，关闭这个功能，手机立马流畅
2026-05-14栏目： 教程
-
手机信号变成E是什么意思？看完专业人士给出的解释后，涨知识了
2026-05-14栏目： 教程