cssが適用されない理由を教えてください

Question

下記の通りのコードを打ちましたが、上のものはcssが適用されず、下のものはcssが適用されます。理由を教えてください。
コピペしているはずなのに理由を教えてください。

html

<p class="catchcopy1">おめでとう</p>
<p class="catchcopy2">誕生日</p>

css

.catchcopy1 {
  color: #FFFFFF;
  font-size: 14px;
}

.catchcopy2 {
  color: #FFFFFF;
  font-size: 18px;
}

Comments

[m.ts10806]

cっsが　
「CSS」でしょうか。
コードはマークダウンのcode機能を利用してご提示ください。
また、htmlとCSSは別々のファイルでしょうか？
でしたらhtml側の記述はなるべく全て提示し、それぞれのファイルの配置が分かるような情報もご提示ください

[gomes_2222]

ありがとうございます。
質問画面の、コードを挿入を使えば良いのでしょうか？

[m.ts10806]

ヘルプページの「マークダウン」の項目見てもらえればと。
解決されたようですがマークダウンのcode対応だけはしておいてもらえたらと。質問は編集できますので。

[m.ts10806]

あとタイトルとか本文とか誤字が見受けられますし、ついでに修正しておいてもらえたらと。

Answer 1

追記修正依頼にコメントしていますが、可能性だけ列挙します。
ちなみに今回特有の可能性はありません。

• CSSの構文が間違っている

全角スペースなども構文ミスの元です。クラス、IDなど含めたセレクタが正しく指定されているかどうかもこちらに含みます

• CSSファイルが外部ファイルなら正しくリンクされてない

HTMLから指定された場所にないとか、そもそも存在しないとか、破損しているとか

問題の切り分け方

• bodyタグに対して背景色を指定するなど一目で分かる指定する。
• CSSの構文チェッカーにかける
• ブラウザ開発ツールのコンソールでHTMLで指定しているCSSファイルパスに404エラーが出ていないか確認する