Vue中穿透scoped 给第三方组件写样式

以element为例

1. 使用 >>>

<style scoped>
父级元素 >>> .el-tabs__item {
  
}
</style>

2.另外创建一个 style 作为全局样式

<style>
.el-tabs__item{

}
</style>

<style scoped>

</style>

在使用了css预处理器之后，less可以使用 /deep/ 穿透

<style lang='less' scoped>
/deep/ .el-tabs__item{

}
</style>

scss不支持/deep/穿透 可以使用::v-deep

<style lang='scss' scoped>
::v-deep .el-tabs__item{

}
</style>