vue中修改第三方组件的样式并不造成污染

vue引用了第三方组件,

需要在组件中局部修改第三方组件的样式,

而又不想去除scoped属性造成组件之间的样式污染。

此时只能通过>>>,穿透scoped。

但是,在sass中存在无法解析>>>符号,所以可以用/deep/操作符(>>>别名)

1  <style lang='scss' scoped>
2     外层 /deep/ 第三方组件 {
3      
4      }
5  </style>
1 <style scoped>
2   外层 >>> 第三方组件 {
3     
4    }
5 </style>

 

posted @ 2019-11-11 17:50  zaijinyang  阅读(764)  评论(0编辑  收藏  举报