【求助】vue 如何覆盖去element的默认样式

Question

根据https://vue-loader-v14.vuejs....
深度作用选择器，加上后没有效果，不知道为什么？

<style scoped lang="scss">
.content {
  background-color: green;
}
.content >>> .el-tabs__content {
    background-color: red;
}
</style>

---

目前只能把scoped局部去掉，这样来进行覆盖

<style lang="scss">
.content {
  background-color: green;
}
.content .el-tabs__content {
    background-color: red;
}
</style>

Answer 1

scoped中用deep样式穿透

<style lang="scss" scoped>
.content {
    background-color: green;
    /deep/ .el-tabs__content {
        background-color: red;
    }
}
</style>

Answer 2

加scoped是去不掉的，因为ele的样式是全局的，所以，你只要给想去掉的组件样式裹一层父元素加个class，然后覆盖这个父元素里面的ele样式就行了，简单粗暴

Answer 3

在你要改的标签加class，并且给其要修改的属性设置为最高优先级!important