HTMLにCSSを適応させたい。

Question

HTMLとCSSが繋がりません。

HTMLの方はサイトが表示されるのですが、関連させようとしているCSSが適応されません。

上の画像から推測できる原因などいくつかありましたら、教えてほしいです。

Comments

[m.ts10806]

その可能性とやらも過去質問でも頻出ですのでまず調べてください。そんなにたくさん原因があるわけではない事象です。

[hoshi-takanori]

エディタの画面ではなぜか CSS のフォルダ名が css.css になってるので、css に直しましょう。

[konbu-3]

エディタ画面のCSSのフォルダ名をcss.css→cssに直したところ
CSSがうまく適用されました。

解決しました。ありがとうございます。

[m.ts10806]

コード提示するにしても画像では誰も正しく現象確認できません。
テキストベースでマークダウンcodeにてご提示ください

[hoshi-takanori]

Finder のスクリーンショットでは css というフォルダ名に見えてますよね。謎だ…。
ってなわけで、今回はむしろ画像じゃないと分からなかったやつですね。

Answer 1

スクリーンショットを見ると、index.htmlが[images]フォルダの中に入っているように見えます。
このままの構造でやるとしたらstyle.cssへのパスは../css.css/style.cssになります。

おそらくindex.htmlは[images]内ではなく[WCBCafe]直下、スタイルシートのフォルダ名は[css.css]ではなく[css]だと思います。
その際は提示のコードのままで大丈夫かと思います。
※エディタ側の画像のみ見ての回答です。その1つ上の画像だと構造が間違っているようには見えないのですがどちらが正しいのでしょうか。

Comments

[konbu-3]

ご指摘ありがとうございます。
私も初めはそう思ったのですが、CSSフォルダは閉じてました。分かりやすく見えるように画像を追加しておきます。

[dit.]

あ、確かにインデントというか、段が違いますね。失礼しました。

Answer 2

CSSが適用できなかったのは
エディタ側のCSSフォルダ名がcss.cssとなっていたのが原因と思われる。

CSSフォルダ名を　css.css　→　css　に直したところ
HTMLと繋がった。

（フォルダ名に拡張子がついてるのはおかしいですね；）

ご指摘くださったみなさま、ありがとうございます。