小白问个关于样式重置问题

Question

在 Ant Desig中 ，现在想把这种可以动态增删的tabs组件， 想把卡片的样式给重置掉， 但试了很久都没有达到效果...不起作用，像这种样式能重置掉吗？ 有什么法子... 多谢！！

Answer 1

:global {
    .ant-card-bordered {
      border-top: 2px solid red;
    }
  }

类似这样

Answer 2

如果你要修改样式，可以找到对应的类名覆盖掉。权重不够的话加个 !important

Answer 3

加!important要慎重，会给后期维护带来很大的不便。建议加大权重，可以给父级加一个ID，然后选择器从ID开始写起

Answer 4

组件库一般都会提供 theme 适配机制的，不建议直接使用类名或者 !important 来做，时间久了可维护性下降很厉害。

Answer 5

在当前页面增加当前选择器的权重把原来样式覆盖掉