<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> <blockquote> 讯享网
🚀 个人主页 极客小俊
✍🏻 作者简介：web开发者、设计师、技术分享博主
🐋 希望大家多多支持一下, 我们一起学习和进步！😄
🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注
什么是伪类
就是专门用来表示的一种的类!
访问过的超链接、普通的连接、获取焦点的文本框，这些状态都可以用来进行选择和表示
当我们需要为这些处在的设置样式的时候，那么就为这些状态提供了专门的,
这些选择器就是 伪类选择器!
有很多，而今天我要说的就是一个很经典也是很有用的一个 :hover
:hover的作用
它表示用户通过 或在上的
通常我们都是把这个效果应用在上, 也可以使用在其他上
讯享网
这是最简单的效果,我们平常开发也是经常会使用到的一种方式!
:hover案例演示
但这都是在控制，而还可以用来控制其他元素！
我们可以根据的结构分析判断出可以用来控制以及
所以很多人没有搞明白, 是可以控制其他元素
但是一定要注意的是从上来讲, 才能被控制, 只要是子元素，不管层级多少都可以被控制到!
讯享网
所以这也证明了，如果不是 那么其实的实用性并不大!
因为也类似于中的和事件, 但我们实际开发中经常会遇到悬停在某个元素上的时候,另外一个元素也显示，并且还能移入到该元素上，那么如果不是的结构下，使用将无法实现!
所以这里我个人认为，不要在的情况下去使用
利用的我们可以结合实现一个简单的效果
注意
虽然有些时候，我们可以使用去选择的标签元素，但这种做法是有一定缺点的!
讯享网
你可以使用选中后面的元素，因为是递进关系, 但你不能从后面的元素选择到前面，至少目前选择器还不支持这样子做，如果你不使用或者
所以只用应该目前是不可以的，如果可以请你在评论区告诉我! 嘿嘿~~
布局小技巧
最后分享一个布局的小技巧,我们有的时候经常在使用的时候，会让元素抖动
相信很多朋友都遇到过这个问题!
其实这个问题很简单，如果你学过就应该知道元素的结构
这里的情况很明显是因为增加的元素大小，所以导致鼠标悬停上之后，加了边框，让元素发生了抖动, 其实解决办法也有很多，这里我推荐一种就是:
或者说是提前把一些要悬停显示的先写好, 这样一来就不会发生抖动了!
讯享网
欢迎一起交流学习❤️❤️💛💛💚💚
说不定有意料之外的收获哦..🤗嘿嘿嘿、嘻嘻嘻🤗!
🌽🍓🍎🍍🍉🍇
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/169173.html