uniapp 中引入第三方组件后,更改组件的样式 -使用/deep/不生效

在我们使用Vue搭建项目的时候,我们经常会用到一些UI框架,如Element,iView,但是有时候我们又想去修改Ul框架的样式,当我们修改样式失败的时候,可以尝试一下/deep/,亲测有效。

那失败的原因是什么呢?

UI框架的样式是定义在全局中,我们使用scoped时,局部样式会被全局样式所覆盖(vue默认全局样式覆盖局部样式)。

有多种解决方法,推荐使用/deep/。当希望scoped样式中的选择器"深入",即影响子组件,则可以使用>>>组合器,/deep/是它的别名。

有些像Sass 之类的预处理器无法正确解析>>>,使用/deep/操作符取而代之。用法如下:

第二种:

相关推荐
石榴几秒前
NestJS 的请求到底经过了什么:装饰器、守卫、拦截器、管道与中间件如何配合
后端
bbq粉刷匠6 分钟前
HashMap 底层原理深度拆解(二):putVal 完整链路解析(懒加载 · 链表遍历 · 尾插法)
java·开发语言·哈希算法
Gopher_HBo8 分钟前
moby-client客户端
后端
@三十一Y28 分钟前
C++:红黑树的实现
开发语言·c++
杨运交32 分钟前
[055][调度模块]Spring动态任务调度框架的设计与实现
java·后端·spring
乐观勇敢坚强的老彭1 小时前
C++信奥:开关门、开关灯问题
开发语言·c++·算法
冻柠檬飞冰走茶1 小时前
PTA基础编程题目集 7-31 字符串循环左移(C语言实现)
c语言·开发语言·数据结构·算法
卷福同学2 小时前
AI编程出海第二步:验证关键词能否做站
前端·人工智能·后端
a1117762 小时前
中文优先的企业 RAG 知识库 开源项目
开发语言·开源·kotlin
破z晓2 小时前
javascript 导出excel表
开发语言·javascript·excel