有时候UI组件提供的默认的样式不能满足项目的需要，就需要我们对它的样式进行修改，但是发现加了scoped后修改的样式不起作用。
解决方法：
使用深度选择器，将scoped样式中的选择器“深入”，即影响子组件
<style scoped>.a >>> .b { /* ... */ }</style>
以上的代码会编译成：
.a[data-v-f3f3eg9] .b { /* ... */ }
注意：如果你使用了Less或Sass等预处理器，可能无法>>>正确解析。在这些情况下，您可以使用组合/deep/或::v-deep组合 - 两者都是别名，>>>并且工作完全相同。
使用Less或Sass等预处理器的写法如下
.van-radio { /deep/ .van-radio__label { width: 500px; } }
转载自CSDN： 作者：mossbaoo 原文地址：https://blog.csdn.net/mossbaoo/article/details/89519726 声明：本博文只用于知识分享与传递信息，如涉及作品内容、版权和其它问题，请在30日内与本人联系，我将在第一时间删除内容！
vue加scoped后就无法修改vant的UI组件的样式（转载）
原文：https://www.cnblogs.com/fanqiuzhuji/p/12870569.html