问题描述:
- 在使用 ElementPlus 时,有时需要修改默认样式,一般是直接复制对应的 class 名,然后在其中修改将原来的覆盖
- 然而,有时使用覆盖的方式也解决不了
解决方案:
- 首先不能使用 scoped
解决方案1:
- 可以使用深度选择器 /deep/
// 1
父类 /deep/ 子类 {
border-bottom: none;
padding: 0;
}
// 2
父类 ::v-deep 子类 {}
父类 ::v-deep(子类) {}
// 3
:deep(子类) {}
解决方案2:
- 添加 !important
类 {
color: #fff !important;
}
解决方案3:
- 使用 >>>
父类 >>> 子类 {}