首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
样式
订阅
路漫漫
更多收藏集
微信扫码分享
微信
新浪微博
QQ
3篇文章 · 0订阅
带你理解scoped、>>>、/deep/、::v-deep的原理
平时开发项目我们在使用第三方插件时,必须使用element-ui的某些组件需要修改样式时,老是需要加上/deep/深度选择器,以前只是知道这样用,但是还不清楚他的原理。
【样式穿透】VUE样式穿透为啥有时不生效,把ta嚼烂
背景:经常在UI框架进行样式穿透的时候,会发生不生效的情况,既会是因为选择器优先级问题,这种比较好理解,提升优先级就好,但在vue中有时候需要将scoped去掉才能生效,有时候又不能去掉scoped,
Vue3中deep样式穿透的使用细节及源码解析
Vue3 中可以在 style 标签中使用 :deep() 的方法进行样式穿透,主要是解决在使用第三方的 UI 库(如 element-plus 等)导致的时对其样式设置不生效的问题。