个人主页 极客小俊
✍ 作者简介：web开发者、设计师、技术分享博主
希望大家多多支持一下, 我们一起学习和进步！
如果文章对你有帮助的话，欢迎评论 点赞 收藏 加关注
什么是伪类
就是专门用来表示的一种的类!
访问过的超链接、普通的连接、获取焦点的文本框，这些状态都可以用来进行选择和表示
当我们需要为这些处在的设置样式的时候，那么就为这些状态提供了专门的,
这些选择器就是 伪类选择器!
有很多，而今天我要说的就是一个很经典也是很有用的一个 :hover
:hover的作用
它表示用户通过 或在上的
通常我们都是把这个效果应用在上, 也可以使用在其他上
这是最简单的效果,我们平常开发也是经常会使用到的一种方式!
:hover案例演示
但这都是在控制，而还可以用来控制其他元素！
我们可以根据的结构分析判断出可以用来控制以及
所以很多人没有搞明白, 是可以控制其他元素
但是一定要注意的是从上来讲, 才能被控制, 只要是子元素，不管层级多少都可以被控制到!
所以这也证明了，如果不是 那么其实的实用性并不大!
因为也类似于中的和事件, 但我们实际开发中经常会遇到悬停在某个元素上的时候,另外一个元素也显示，并且还能移入到该元素上，那么如果不是的结构下，使用将无法实现!
所以这里我个人认为，不要在的情况下去使用
利用的我们可以结合实现一个简单的效果
注意
虽然有些时候，我们可以使用去选择的标签元素，但这种做法是有一定缺点的!
你可以使用选中后面的元素，因为是递进关系, 但你不能从后面的元素选择到前面，至少目前选择器还不支持这样子做，如果你不使用或者
所以只用应该目前是不可以的，如果可以请你在评论区告诉我! 嘿嘿~~
布局小技巧
最后分享一个布局的小技巧,我们有的时候经常在使用的时候，会让元素抖动
相信很多朋友都遇到过这个问题!
其实这个问题很简单，如果你学过就应该知道元素的结构
这里的情况很明显是因为增加的元素大小，所以导致鼠标悬停上之后，加了边框，让元素发生了抖动, 其实解决办法也有很多，这里我推荐一种就是:
或者说是提前把一些要悬停显示的先写好, 这样一来就不会发生抖动了!
欢迎一起交流学习❤️❤️
说不定有意料之外的收获哦..珞嘿嘿嘿、嘻嘻嘻珞!
版权声明：
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！
转载请注明出处，原文链接：https://www.xkablog.com/qdhtml/51136.html