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

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

那失败的原因是什么呢?

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

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

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

第二种:

相关推荐
Qlly3 分钟前
DDD 架构为什么适合 MCP Server 开发?
人工智能·后端·架构
苏三说技术20 分钟前
Prompt、Agent、Function Call、Skill、MCP,傻傻分不清楚?
后端
小码哥_常31 分钟前
Spring Boot接口幂等保护:一个注解开启数据一致性守护
后端
我叫黑大帅32 分钟前
Go中的interface的两大用法
后端·面试·go
神秘的猪头35 分钟前
🚀 React 开发者进阶:RAG 核心——手把手带你玩转 Milvus 向量数据库
数据库·后端·llm
navms35 分钟前
NameServer 极简设计的哲学
后端
小码哥_常36 分钟前
Spring Boot 4.0 牵手RabbitMQ死信队列,解锁消息处理新姿势
后端
於時光清歌1 小时前
Git基础使用
后端
明月_清风1 小时前
Python 性能微观世界:列表推导式 vs for 循环
后端·python
风象南1 小时前
纯文本模型竟然也能直接“画图”,而且还很好用
前端·人工智能·后端