ftpソフトでアップロードしたhtmlの一部にcssが反映されていない。

実現したいこと

ftpソフトでアップロードしたhtmlをブラウザ表示にしたら、一部にcssが反映されておらず困っています。
どなたか良い方法を教えてください。

前提

cyberduckを使ってhtmlをアップロードしました。vscodeでサイト制作していたのですがブラウザに表示させ確認を行いながら制作を進め完成させたのですが、アップロードしたhtmlを確認したところ一部にcssが反映されていませんでした。デベロッパーツールで調べてみたところ、反映されていない部分にはスペースをあけてcssコードを入力したのですが、アップロードしたhtmlにはスペースが空いてなくcssが反映されていませんでした。ここの部分をどうにかしたいのですが、どうすればよいのでしょうか？

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

ftpソフトでアップロードしたhtmlの一部にcssが反映されていない。

該当のソースコード

html

<main class="main"> <div class="firstview"> <div class="firstview-message"> <span class="red">M</span>y-<span class="red">P</span>ortfolio </div> </div>

css
.firstview-message{
align-items: center;
display: flex;
font-size: 3rem;
justify-content: center;
height: 100%;
letter-spacing: 0.3rem;
}
.firstview-message .red{
color: #42a5ec;
}

アップロードしたhtml

<main class="main"> <div class="firstview"> <div class="firstview-message"> <span class="red">M</span>y-<span class="red">P</span>ortfolio </div> </div>

css
.firstview{
background-image: url(../image/hero.jpg);
height: 700px;
background-size: cover;
background-position: center;
}

.firstview-message{
align-items: center;
display: flex;
font-size: 3rem;
justify-content: center;
height: 100%;
letter-spacing: 0.3rem;
}
.firstview-message.red{
color: #42a5ec;
}

試したこと

vscodeにはスペースをあけてcssを入力しているため反映されています。一応にスーパーリロードやキャッシュを削除など試したのですが反映されず、またcyberduckに何度も上書きとアップロードを繰り返したのですがどうしてもスペースが詰められて反映されませんでした。

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

Windows10　vscode cyberduck

Lhankor_Mhy

2023/09/29 08:26

「スペースをあけて」とは、ご提示のコードで言うと具体的にはどこでしょうか？ .firstview-message{の直前の改行のことですか？また、「html」「アップロードしたhtml」のそれぞれのCSSは、スペースどころではなくて違う内容のように見えるんですが、それは気にしなくていいですか？

sotaro

2023/09/29 12:38

すみません、アップロードしたhtmlの方の.firstviewのところが一つ多く記載してしまいました。気にしなくて大丈夫です。

sotaro

2023/09/29 12:44

あとスペースを開けたいのが .firstview-message.redの部分で .firstview-message .redにしたいです。vscodeで上の状態にしているのですが、更新しても上手く反映されません。

Lhankor_Mhy

2023/09/30 00:31

考えられそうな原因は、・保存したつもりが保存されていなかった・アップロードしたつもりがされていなかった・別のファイルをアップロードしていた・別の場所にアップロードしていた・絶対パスで読み込んでいた・キャッシュが効いていたなどでしょうか。調べてみないとわからないと思います。このうち、キャッシュについてはすでにお調べになっているようですので、私であれば次のことを試すと思います。・HTMLファイルを更新した場合には反映するか・ファイルを削除するとどうなるか・ファイル名を変えてアップロードするとどうなるか

sotaro

2023/09/30 06:40

ありがとうございます！反映されました。