vue css中 :global的使用

:deep(.elselect) 的写法的做用是 样式穿透,这个就不用多说了,

可以说它是一种向下兼容的模式

但是我们在使用一些组件时候特别是弹出框之类的组件,在有弹出框组件的 html 中可以分析一下 ,html 的结构,发现,弹出框和引用它的位置不是在同一层中的, 可以说它是在 #app 的外层加入的, 所以这里,无论你怎么写 :deep 都是无效的,此时就要使用 :global 了,

:global(.elselect) 相当于是一种向上兼容的模是,它是在全局创建了一个样式

用法如下

相关推荐
勾勾圈圈蛋蛋几秒前
前中台项目
前端
触底反弹5 分钟前
🔐 前端鉴权不再难!手把手带你搞懂 JWT + Zustand + Axios 的完整登录方案
前端·axios
打呵欠的猫31 分钟前
我用 AI 写了一个"需求翻译器",产品的 PRD 直接变成开发任务清单
前端·ai编程
fatcoder31 分钟前
玩转Nginx 09 — 运维排障:三场"火灾"实战演练
前端·后端·nginx
前端玩坑坑31 分钟前
View Transitions API 入门教程,优雅过度
前端
李高钢1 小时前
WPF MVVM Light(三):RelayCommand 命令与 Messenger 消息
前端·c#·wpf
lichenyang4531 小时前
Socket.IO 原理与技术选型
前端
qq21084629531 小时前
在python中什么是 self 和 cls?
开发语言·前端·python
我会冲击波1 小时前
vibe coding 一个多月,我把 Claude Code + Pi 做成了桌面 IDE,还给它移植了 VS Code 的编辑体验
前端·javascript·后端
码艺-Alimjan1 小时前
横向滚动组件纯用 CSS,丝滑鼠标滚动不许js
javascript·css·计算机外设