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

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

那失败的原因是什么呢?

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

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

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

第二种:

相关推荐
Arman37681 分钟前
rusty-cat × 阿里云 OSS 直传直下实战
rust·ai编程
charlie11451419120 分钟前
RK3506B: buildroot:出一份正规的最小 rootfs
开发语言·嵌入式·开源项目·rk3506b
前端工作日常25 分钟前
我学习到的Java概念
java·后端
Byron Loong37 分钟前
【c#】Bitmap释放之 大象与蚊子
开发语言·c#
要阿尔卑斯吗1 小时前
深入解析 Docling Java SDK 集成:Source 与 Target 的实战应用
后端
音符犹如代码1 小时前
Java动态线程池:避坑原生线程池,吃透Dynamic-TP,手写一个Demo
java·开发语言
喜欢就别1 小时前
平均风险:Rényi DP 和零集中 DP
开发语言·r语言
无足鸟ICT2 小时前
【RHCA+】bash命令
linux·开发语言·bash
临风细雨2 小时前
从 Bun 的 Rust 重写,看 C# 如何重建 AI 基础设施层
人工智能·rust·c#