CSS Modulesでの読み込みについて

初心者ながらReact + webpack + CSS Modulesを勉強しています。

以下のようなコードではCSSを読み込めるのですが、

JavaScript
1<div className={styles.container}>

CSS
1.container {
2  display: flex;
3  flex-direction: column;
4  height: 100%;
5  width: 100%;
6  padding: 0 60px;
7  overflow: scroll;
8}

以下のような箇所ではスタイルが当たりません。

JavaScript
1<th className={styles.name}>名前</th>

CSS
1.users table {
2  width: 100%;
3  font-size: 14px; }
4  .users table th.name {
5    padding-left: 100px;
6    width: 300px; }

どのような原因が考えられるでしょうか。
よろしくお願いいたします。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだ回答がついていません

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問