質問: 下記の通りのコードを打ちましたが、上のものはcssが適用されず、下のものはcssが適用されます。理由を教えてください。 コピペしているはずなのに理由を教えてください。 html ``` おめでとう 誕生日 ``` css ``` .catchcopy1 { color: #FFFFFF; font-size: 14px; } .catchcopy2 { color: #FFFFFF; font-size: 18px; } ```
回答: 追記修正依頼にコメントしていますが、可能性だけ列挙します。 ちなみに今回特有の可能性はありません。 * CSSの構文が間違っている 全角スペースなども構文ミスの元です。クラス、IDなど含めたセレクタが正しく指定されているかどうかもこちらに含みます * CSSファイルが外部ファイルなら正しくリンクされてない HTMLから指定された場所にないとか、そもそも存在しないとか、破損しているとか 問題の切り分け方 * bodyタグに対して背景色を指定するなど一目で分かる指定する。 * CSSの構文チェッカーにかける * ブラウザ開発ツールのコンソールでHTMLで指定しているCSSファイルパスに404エラーが出ていないか確認する