csshover怎么用（八种眼前一亮的csshover效果用法介绍）

在CSS中有个hover属性，当鼠标移上去的时候可以将其激活，它可以用来实现类似于js的一些功能。以下是对:hover的用法介绍：

csshover怎么用（八种眼前一亮的csshover效果用法介绍）

css hover定义和用法

定义：

:hover 选择器用于选择鼠标指针浮动在上面的元素。

:hover 选择器适用于所有元素，不仅仅是链接。

csshover怎么用（八种眼前一亮的csshover效果用法介绍）

css hover用法1：

这个表示的是：当鼠标悬浮在a这个样式上的时候，a的背景颜色设置为黄色。

这个是最普通的用法了，只是通过a改变了style。

css hover用法2：

使用a 控制其他块的样式。

使用a控制a的子元素b：

使用a控制a的兄弟元素 b(同级元素)：

使用a控制a的就近元素e：

总结一下：

1. 中间什么都不加控制子元素；

2. ‘+’ 控制同级元素（兄弟元素）；

3. ‘～’ 控制就近元素；

本文网址：https://www.dingshengweb.cn/jszl/390.html

版权声明： 1.本站内容部分为潍坊鼎晟科技编辑原创文章，部分来源于网络，如需转载，请标注来源网站名字和文章出处链接。 2.本站内容为传递信息使用，仅供参考，也不构成相关建议。 3.部分内容和图片来源于网络，如有侵权，请联系我们处理。