vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>,穿透scoped。
有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)
1 <style scoped> 2 外层 >>> 第三方组件 { 3 样式 4 } 5 /deep/ 第三方组件 { 6 样式 7 } 8
vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>,穿透scoped。
有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)
1 <style scoped> 2 外层 >>> 第三方组件 { 3 样式 4 } 5 /deep/ 第三方组件 { 6 样式 7 } 8