父組件的 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