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>
希望大佬看到有不对的地方,提出博主予以改正!