从未应用于新组件的单独CSS文件设置样式

在过去的几天里,我一直在努力建立一个小型项目,直到今天,一切都很顺利。由于某些原因,没有CSS应用于新组件!以前工作过的所有CSS仍然在运行,但是如果我添加 div 在已经存在的 分区 ,新的 例子:

<div className="DivStyle"> // Styling applied!
  <div className="DivStyle"> </div> // Styling completely ignored!
<div>

另外,看看Chrome的源代码,这些样式都被上传了!
下面是我的具体例子:

import '../styles/drawers.css';

class BottomFilterDrawer extends React.Component<IBottomFilterDrawerProps, IBottomFilterDrawerState> {

    ...
    public render() {
        return(
            <Drawer
            open={this.state.isOpen}
            anchor="bottom"
            // tslint:disable-next-line jsx-no-lambda
            onClose={() => this.toggleDrawer(false)}>
              <div className="BottomDrawerContainer" style={{margin: "10px"}}> // Styling for "BottomDrawerContainer" class not applied! 
                ...
              </div>
            </Drawer>
        );
    }
}

CSS文件:

#BottomDrawerContainer {
    margin: 10px;
}

我确信导入路径是正确的,否则Typescript甚至不允许我运行它。