サーバーにアップしたサイトに、cssが全くあたりません。

Question

初めて質問いたします。
かれこれ３時間解決できず時間ばかりが過ぎています・・・。
至らぬ点もあるかと思いますが、よろしくお願いいたします。

実現したいこと

サーバー上にアップしたサイトにcssがあたるようにしたい

前提

デザインカンプからのコーディング練習をしています。
制作物を試しにサーバーにアップしブラウザで閲覧したところ、CSSが全くあたっていません。ローカル環境ではすべてあたっています。

制作時はstyle.scssで作成、サーバーにはコンパイルされたstyle.cssファイルのみアップロードしています。

ディレクトリ構造　※sassファイルはサーバー上にはアップしていません。
root
├─index.html
├─css
│ ├─style.css
│ ├─style.min.css
├─images
├─js
└─sass
├─base
└─global

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

デベロッパーツールで確認したところ404のエラーが出ています。

試したこと

・ブラウザ側（chrome）のキャッシュ削除
・サーバー側のキャッシュ削除
・htmlファイルのcss読み込みパスの確認
・別の制作物で、scssを使っていないものをアップロードした場合は、ブラウザでも問題なくcssがあたっている

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

FTPツール：FileZilla
レンタルサーバー：エックスサーバー
エディタ：VScode

Comments

[maisumakun]

HTML側の記載と、それぞれのファイルの場所を明示してください。

[退会済みユーザー]

404のエラー ⇒ 要求はサーバーに届いているが url に指定されるリソース (css ファイル) が見つからない ⇒ url が間違っている or リソースが存在しない・・・ということでしょう。

[shioig8]

お二人ともありがとうございます！
HTML側のパス記載をもう一度見直したことろ、無駄な「/」があり、これを消したところ解決しました！

修正前：<link rel="stylesheet" href="/css/style.css" />
修正後： <link rel="stylesheet" href="css/style.css" />

※遅いですが、質問文にディレクトリ構造を追加しました。

初歩的なミスで失礼いたしました。

Answer 1

原因：HTML側のパスの記載ミス。正しい記載をサーバ上に反映できていなかった。
⇒　不要な「/」を削除後、サーバー上に再度アップロードし解決。

修正前：

    <link rel="stylesheet" href="/css/style.css" />

修正後：

    <link rel="stylesheet" href="css/style.css" />