如何对 ant design 组件的多个类名进行样式修改
使用多个类名覆盖来修改样式有时会失效。为了有效地修改 ant design 组件的多个类名，可以采用以下步骤：
- 确定要修改的元素：从提供的问题信息中可以看出，需要修改的是.ant-collapse-header元素的圆角。
- 创建自定义样式类：在.module.css文件中，创建一个自定义类名，例如：
.my-collapse-header {
border-radius: 0px !important;
}- 应用自定义类名：在应用组件的 classname 属性时，将自定义类名添加到现有类名中，用空格分隔：
- 移除无效的类名：不再需要的.ant-collapse-item:last-child类名可以从.module.css文件中删除，因为.my-collapse-header已经涵盖了所需的样式修改。
更新后的代码：
.my-collapse-header:global(.ant-collapse-header) {
border-radius: 0px !important;
}
/* .mycollapse2:global(.ant-collapse-item:last-child) {
border-radius: 0px !important;
} */通过这些步骤，可以有效地修改 ant design 组件的多个类名，并且确保修改针对正确的元素应用。
