主要介绍了解决vue加scoped后就无法修改vant的UI组件的样式问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

有时候UI组件提供的默认的样式不能满足项目的需要，就需要我们对它的样式进行修改，但是发现加了scoped后修改的样式不起作用。 解决方法： 使用深度选择器，将scoped样式中的选择器“深入”，即影响子组件 .a >>> .b { /* ... */ } 以上的代码会编译成： .a[data-v-f3f3eg9] .b { /* … */ } 注意：如果你使用了Less或Sass等预处理器，可能无法>>>正确解析。在这些情况下，您可以使用组合/de