Have a clear structure

CSS :global

在 CSS 局部作用域覆盖默认样式。

如覆盖 Ant Design 组件的默认样式。

css

// index.module.scss

.father {
  color: green;
}

:global {
  // antd 的默认样式被覆盖
  .ant-form-head {
    color: red;
  }
}

import { Form } from 'antd';
import styles from './index.module.scss';

export default const Hello = () => {
  return (
    <Form>
      <div className={styles.father}></div>
    </Form>
  )
}

相关链接

CSS 中的 global

CSS :global ​

CSS :global