CSS 对于 ReactJS - 引用 div 工作正常，引用 className 不

Question

我的 CSS 文件在我只使用这样的元素名称时工作正常：

div {
  background-color: blue;
}

但是当我使用className来识别div时，CSS被忽略了，像这样：

.containerInner {
  background-color: blue;
}

这是 js 文件，所以你可以看到我是如何使用类名的：

import React, { Component } from 'react'
import styles from './Game.css'
import GameContainer from './GameContainer/GameContainer.js'

class Game extends React.Component {

render() {
  return (
    <div className={styles.containerOuter}>
        <div className={styles.containerInner}>
            <h1 className={styles.header}>MEMORY</h1>
            <GameContainer />
        </div>
    </div>
  )
}
}

export default Game

备注：
1. 我正在使用 create-react-app.
2. 我没有像 sass 那样使用模块化 css。我只是使用原始 css.
3. 这是贯穿我整个项目的问题，而不仅仅是几个文件
4. Chrome 或终端

中没有错误消息

这与 Stack Overflow 上的问题相同，但似乎并没有在线程上得到解决，评论也没有引导我找到解决方案。

有什么想法吗？提前致谢

Answer 1

如果您想将 class 名称应用到 class，只需应用该名称即可。 Class 名字是字符串，不是对象；

<div className="containerInner">

CSS 对于 ReactJS - 引用 div 工作正常，引用 className 不

CSS for ReactJS - Referencing a div works fine, referencing a className does not

reactjs

webpack-style-loader

create-react-app