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

作者：很楠不爱3 | 2024-04-04 17:38:30

踩

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

那失败的原因是什么呢？

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

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

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

第二种:

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/360183