CSS不适用于组件

Question

我有一个包含在div中的react组件：

AccountLogin.jsx：

import './AccountLogin.css';
export default observer(() => (
  <div className="content">
    Something here
  </div>
));

AccountLogin.css：

.content {
  color: blue;
  background-color: blue;
  margin: 500px;
}

但是css并不适用于我的渲染组件AccountLogin。

为什么会发生这种情况的任何想法？

Answer 1

查看rfx-stack source，我可以看到以.global.css为后缀的文件在全局范围内导入，而其他文件导入为css-modules。

因此，您可以将文件重命名为AccountLogin.global.css或使用导入的类名：

import styles from './AccountLogin.css';

Within component: 
<div className={styles.content}>...</div>