エックスサーバーでアップすると一部cssが効かない

実現したいこと

エックスサーバーでアップしたページが正常に表示されない

前提

HTML、CSSのみでコーディングを済ませ、一度エックスサーバーを利用してWEBページをアップ。
問題なく表示されました。
その後、①j queryのslickを使って一部をスライダー実装。②スライダーのcssを追加
①スライダーは表示されるものの、②追加したcssが効きません。
※VSCで「Go Live 」を押してブラウザ上で確認するときちんと動作しています。

試したこと

エックスサーバーのキャッシュを削除してみましたが変化無しでした。

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

ボールドテキスト
ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答2件

問題のCSSの記述を、どのようなファイル構成でどこに記述したのかを記さないと、回答しようがないです^^;
chrome developer toolをつかうことで、本番環境においての問題がファイルの読み込みなのか、styleの記述がないのか、あるけど反映されていないのかなど、切り分けがある程度できると思いますよ。

投稿2023/06/24 06:52

Lampii

総合スコア24

この回答はGPT-4による自動生成回答です

エックスサーバーでのCSSの反映がうまくいかない問題について、以下の手順を試してみてください。

ファイルパスの確認
- HTMLファイルからCSSファイルへのリンクが正しいか確認してください。
- 例: <link rel="stylesheet" href="css/slick.css">
ブラウザキャッシュの削除
- ブラウザのキャッシュを削除し、再度ページをリロードしてみてください。
ファイルアップロードの確認
- エックスサーバーにCSSファイルが正しくアップロードされているか確認してください。
ファイルの文字コード
- CSSファイルの文字コードがUTF-8になっているか確認してください。
CSSの記述確認
- CSSファイルの記述に誤りがないか確認してください。