css中hover是什么意思?

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

css中:hover是一个伪类选择器,:hover伪类选择器在鼠标移到元素上时向此元素添加特殊的样式。:hover选择器适用于所有元素。

注意:在 IE 中必须声明 <!DOCTYPE> 才能保证 :hover 选择器能够有效。

使用示例:

当鼠标悬浮在a这个样式上的时候,a的背景颜色设置为黄色

<!DOCTYPE html>
<html>
<head>
<style>
a:hover   {color:red;}
p:hover{color:red;}
</style>
</head>
<body>

<p>将鼠标指针移动到这个链接上:</p><a href="http://www.html.cn">HTML中文网</a>

</body>
</html>

效果图:

注:在CSS定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。

以上就是css中hover是什么意思?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读