CSS: hover选择器如何用

1355913552 • 07/16 10:16 • Linux技术 • 115 views

这篇文章主要介绍“CSS: hover选择器如何用”，在日常操作中，相信很多人在CSS: hover选择器如何用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”CSS: hover选择器如何用”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！定义和用法定义：:hover 选择器用于选择鼠标指针浮动在上面的元素。:hover 选择器适用于所有元素用法1：这个表示的是：当鼠标悬浮在a这个样式上的时候，a的背景颜色设置为黄色这个是最普通的用法了，只是通过a改变了style用法2:使用a 控制其他块的样式：使用a控制a的子元素 b：使用a控制a的兄弟元素 c(同级元素)：使用a控制a的就近元素d：总结一下：1. 中间什么都不加控制子元素；
2. ‘+’ 控制同级元素（兄弟元素香港云主机）；
3. ‘～’ 控制就近元素；实例用一个按钮控制一个盒子的运动状态，当鼠标移到按钮上方时，盒子停止运动，鼠标移开时，盒子继续运动body代码：css样式：实现效果：到此，关于“CSS: hover选择器如何用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注开发云网站，小编会继续努力为大家带来更多实用的文章！