vue加scoped后就无法修改vant的UI组件的样式

https://blog.csdn.net/mossbaoo/article/details/89519726

普通使用使用深度选择器,将scoped样式中的选择器“深入”,即影响子组件

<style scoped>
  .a >>> .b { /* ... */ }
</style>

 

以上的代码会编译成:

.a[data-v-f3f3eg9] .b { /* ... */ }

 

如果你使用了LessSass等预处理器: 

.van-radio {
  /deep/ .van-radio__label {
    width: 500px;
  }
}

 

posted @ 2020-04-27 11:03  泠风lj  阅读(403)  评论(0编辑  收藏  举报