深层选择器重置组件中的样式

有时，你需要修改第三方组件的CSS，这些都是 scoped 样式，移除 scope 或打开一个新的样式是不可能的。

现在，深层选择器 >>> /deep/ ::v-deep 可以帮助你。

<style scoped>
>>> .scoped-third-party-class {
  color: gray;
}
</style>

<style scoped>
/deep/ .scoped-third-party-class {
  color: gray;
}
</style>

<style scoped>
::v-deep .scoped-third-party-class {
  color: gray;
}
</style>

作者：杜尼卜
链接：https://juejin.im/post/6862560722531352583
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。