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

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

那失败的原因是什么呢?

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

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

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

第二种:

相关推荐
老友@13 分钟前
Java Excel 导出:EasyExcel 使用详解
java·开发语言·excel·easyexcel·excel导出
冰_河34 分钟前
《Nginx核心技术》第11章:实现MySQL数据库的负载均衡
后端·nginx·架构
tryCbest34 分钟前
Python基础之爬虫技术(一)
开发语言·爬虫·python
hixiong12337 分钟前
C# OpenCVSharp实现Hand Pose Estimation Mediapipe
开发语言·opencv·ai·c#·手势识别
集成显卡40 分钟前
AI取名大师 | PM2 部署 Bun.js 应用及配置 Let‘s Encrypt 免费 HTTPS 证书
开发语言·javascript·人工智能
AI小云1 小时前
【Numpy数据运算】数组间运算
开发语言·python·numpy
weixin_436525071 小时前
SpringBoot 单体服务集成 Zipkin 实现链路追踪
java·spring boot·后端
q***78371 小时前
【玩转全栈】----Django制作部门管理页面
后端·python·django
是苏浙1 小时前
零基础入门C语言之C语言实现数据结构之单链表经典算法
c语言·开发语言·数据结构·算法
纵有疾風起1 小时前
C++—vector:vecor使用及模拟实现
开发语言·c++·经验分享·开源·stl·vector