Q&A
どこでCSSが適用されてないのかよくわかりませんが、CSSのパスが指すところにファイルがあるんでしょうか
既存のphpファイルを編集するためにhtmlで修正したいのだが、cssファイルが読み込めない
wordpressの固定ページを編集しようとしています。
・既存のphpファイルをダウンロードする
・複製してhtmlファイル化して、元のデータを流用しながらできるところまで修正
・修正を全て完了したor行き詰まった時点でサーバへアップ
という手順で編集する予定です。
今は、htmlファイル化して元データのcssファイルを読み込みたいのですが、
web上で開くと、cssファイルが読み込まれていませんでした。
ソースを見ると、
となっていますが、
ローカル上では、
となっています。
何度か再読み込みをしていますが、
うまく反映されません。
追記▼
スーパーリロードしたところ、ソースに反映されました。ありがとうございます。
しかし、cssファイルを開いてみると、中身が表示されていませんでした。
こちらの解決方法についてもご回答いただければ幸いです。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./css/inheritance2.css"> </head>
キャッシュについてご検討されましたか？ スーパーリロードはお試しになりましたか？
mdjさん
cssフォルダの中に、inheritance2.cssというファイルがあります。
ご質問の意図と違っていたら申し訳ありません。
Lhankor_Mhyさん
それらについてはまだ検討していません。試してみます。
Chrome開発者ツールで ./css/inheritance2.css を右クリックして、「Open in new tab」でファイルを開くとどうなりますか？
Lhankor_Mhyさん
編集していた問題のcssファイルをいったん閉じ、もう一度ローカルのフォルダから開いたところ、反映されていました。Open in new tabでも反映されているのが確認できました。ありがとうございました！
なるほど、localhost で動作していたんですね。
ご解決されて何よりです。
まだ質問が「受付中」になっていますが、自身の回答をもって「解決済」にされてはいかがでしょうか。
kei344さん
ご丁寧にご指摘ありがとうございます。解決済みにいたしました。
回答1件
0
自己解決
読み込ませたいcssファイルを閉じてエディタで開き直し、
web上でリロードさせたら反映されました。
投稿2020/07/09 05:44
総合スコア4
あなたの回答
tips
プレビュー
