今天做项目的时候发现el的有一些内置样式不好看,想通过自己一些样式来改变,发现提升权重和行内式都不起效果,然后发现取消scoped就有用,但是取消scoped会给全局样式破坏,然后我发现了vue2的/deep/和vue3的::v-deep
vue3:
<style scoped>
::v-deep .el-breadcrumb__inner.is-link {
color: white !important;
}
</style>
vue2:
<style scoped lang="scss">
/deep/ .el-breadcrumb__inner.is-link {
color: white !important;
}
</style>
在你想要改的样式前面相对应加上深度选择器就可以改变样式并且不会破坏全局样式了