父组件的 scoped 样式不能穿透到子组件上。
使用 vue-loader 的写法。
有人用去掉 scoped 的方法解决，但这会污染全局样式，不可取。
使用 /deep/ 或者 >>> 解决/deep/
.child /deep/ span { *some prop }
>>>
.child >>> span { *some prop }
vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。
有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)
<style scoped>
外层 >>> 第三方组件 {
样式
}
/deep/ 第三方组件 {
样式
}
</style>
原文链接：https://blog.csdn.net/Alex81320/article/details/86234369