htmlcss初心者です。色を指定しても反映されません。

Question

発生している問題・エラーメッセージ

html＆css初心者です。以下のコードをhtmlで書きました。cssで文字の色などを変えていたのですが、１.「.mein」でh１の色などを変えても、反映されないです。２.「.container」で色を変えたところh１は替わったが、pは変わりませんでした。それは何故ですか。

エラーメッセージ

該当のソースコード

ソースコード
```<div class="top-wrapper">
          <div class="container">
　　　　　　　　 <div class="mein">
                <h1>〇〇</h1>
                <h1>××</h1>
              </div>
              <div class="mein-p">
                <p>△△</p>  
             </div>
          </div>     
      </div>

（１）
.mein{
  color:#191970;
}

（２）
.container{
    color:#191970;
}

### 試したこと
クラスmein,mein-pは必要ないと思い、消したところ無事できました。ただ、上記の記述のどこが間違っていたのかがわかりません。
ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）


ここにより詳細な情報を記載してください。
cssの一部を追加しました。（１）でやると、h１の色が変わりません。（１）で書いたものを消して（２）にするとh１の色は変わりましたが、pは変わりませんでした。

キャッシュについては、何も知らなかったので調べてみます。ただ、フォントサイズなど他の部分では反映されているので問題ではないかと思っています。

英単語に関しては、ただただ間違えました。

Comments

[maisumakun]

> cssで文字の色などを変えていたのですが

どのようなCSSを書きましたか？

[退会済みユーザー]

css ファイルの内容を変更した後、ブラウザのキャッシュを削除してないなんてことはないですよね？

[m.ts10806]

コードはマークダウンのcode機能にてご提示ください。
cssも提示してください。
ファイル同士の位置関係がわかる情報も提示してください

[m.ts10806]

あと、プログラムとしては問題ないですが英単語としては問題があります。
mein
→main

[K_3578]

>ブラウザのキャッシュを削除してない
最近質問でよく見るのでありえそうです。

@質問者さん
とりあえずCtrl+F5とでもしてみては如何でしょうか。

[退会済みユーザー]

とりあえずCSSが欲しいところだけども、
１．mein→main※指摘済みみたいですね
２．ｈ1タグを2個連続で使用しない方が良い

> クラスmein,mein-pは必要ないと思い、消したところ無事できました。
クラスを消したらできたって書いてあるので、セレクタをタイポで指定していたとか？

[K_3578]

<code>ブロックが分からなさそうなので例示

```HTML←ここに言語名を入れます
htmlのソースコード（ここを消して丸々貼り付けてください。）
```
(1行空ける)
```CSS
cssのソースコード
```

という感じです。編集し直してみてください。

[fukaw]

タイポと言うのは誤植で合ってますかね？おそらく文の構造やスペルミスはなかったと思います。

[退会済みユーザー]

＠fukaw様
ご確認ありがとうございます！追加されたCSSを先ほど確認しました。
タイプミス、誤植どちらでも。クラスとセレクタの不一致という意味で捉えていただけると助かります。

[miyabi_pudding]

CSSは、本当にこれで全てでしょうか？
こういった現象の原因は、
CSSの詳細度が原因の可能性が高いですので、
なるたけ、全ての記述を記載してください。
（ようは他のCSSが邪魔してる可能性が高いってこと）

[K_3578]

で、どうやって解決したかも言わんのか。

Answer 1

添付画像はh1ではなくてh3ですが、親要素に指定した場合、大抵は文字色が引き継がれます。
※pタグにも引き継がれます。
なので、別のCSSで指定されていないかを検証ツールを使って確認して頂けますでしょうか？
※ChromeですとF12を押すと下記画像のようなものが出てきます。