首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
誰在花里胡哨
前端工程师
·
24天前
关注
屏蔽作者: 誰在花里胡哨
举报
css真的很奇妙!!
快放假了,希望滑水的朋友们可以看到,因为我怕我的卷大家看不到
~
能吃透这段代码,就能领悟 :not 和 :has 选择器的奇妙~~
以下这段是点击第4张元素,控制第3张元素的css代码(
你也可以理解为在第3张元素事先满足这些条件下,会有这种效果)。
.radio-item:nth-child(1):not(.radio:checked) + * + .radio-item:nth-child(3):not(.radio:checked):has(+ .radio-item .radio:checked) .item
1. 控制 /①元素(不是选中)+ ②元素(不是选中)+ ③元素(没有选中)但存在(+ ④元素被选中)/时满足以上条件的③元素样式;
2. 即便我们不能直接控制之前的元素,但是我们可以事先要求之前的元素满足一定条件,来达到提前预判;
code.juejin.cn
展开
技术交流圈
等人赞过
分享
17
11
相关推荐
有前端转游戏开发的大佬吗,能讲下难度怎么样不哦,不想干前端了,薪资卡死了,打算重新学一下。
3 赞 ·
13 评论
想问一下cesium大佬,再给polyline样式的时候,我给图片的后,他的线段内的图片会随着缩放拉伸,这个该如何解决
0 赞 ·
8 评论
JYM,南生论坛【深色模式】上线啦~
欢迎大家体验、测试,遇到兼容不好的直接提BUG或者评论,我会尽快处理的!
官方地址(完全开源):
bbs.nanshengbbs.top
后端源码(GitHub):
github.com
前端源码(GitHub):
github.com
后端源码(Gitee):
gitee.com
前端源码(Gitee):
gitee.com
2 赞 ·
11 评论
相关推荐
有前端转游戏开发的大佬吗,能讲下难度怎么样不哦,不想干前端了,薪资卡死了,打算重新学一下。
3 赞 ·
13 评论
想问一下cesium大佬,再给polyline样式的时候,我给图片的后,他的线段内的图片会随着缩放拉伸,这个该如何解决
0 赞 ·
8 评论
JYM,南生论坛【深色模式】上线啦~
欢迎大家体验、测试,遇到兼容不好的直接提BUG或者评论,我会尽快处理的!
官方地址(完全开源):
bbs.nanshengbbs.top
后端源码(GitHub):
github.com
前端源码(GitHub):
github.com
后端源码(Gitee):
gitee.com
前端源码(Gitee):
gitee.com
2 赞 ·
11 评论