Q&A
過去質問でありそうですけど。。。
https://teratail.com/search?q=tag%3ACSS%2CVisual+Studio+Code&sort=updated-desc
前提・実現したいこと
MacのVisual studio codeでhtml&cssの練習をしているのですが、cssファイルがhtmlファイルに適用されません。どのようなミスをしているかどなたか教えて下さい。
HTMLファイルでは
自動更新に設定してあるが、何度か書き直した上で保存した。
補足情報（FW/ツールのバージョンなど）
cssファイルの入力時にdeletedという文字がファイル名の横に表示されることがあります。これがどういうことかはよくわかりませんが一応補足しておきます。
↑これは再読込すればよいそうなので、してみましたが改善されませんでした。
deleatedの表示はなくなりました。ありがとうございます。
CSSファイルのキャプチャーがコーディング途中に見えます。
もしそのままなのであれば、修正してください。
コードを提示するのであれば画像としてではなく、文章としてコードを提示してください。(コードを提示する場合はMarkDown記法を使用してください)
k011510さん
言葉足らずですみません
この画面はたしかに途中の画面ですが、color:reと入力しているのにredと表示されないでread-onlyというように想定しているのとは他のコマンドが表示されてしまう理由がわからず投稿させていただきました。
redと入力した状態で保存してもいますが更新しても反映されない状況です。
回答に対するレスポンスは質問本文ではなく、回答へのコメント欄を使用していただければ幸いです。
それは質問への追記・修正、ベストアンサー選択の依頼に対するレスポンスも同じです。
申し訳ございません
以後気をつけます
回答1件
0
ベストアンサー
cssファイルの入力時にdeletedという文字がファイル名の横に表示されることがあります。これがどういうことかはよくわかりませんが一応補足しておきます。
表示されている通りそのファイルが削除されているということです。もう一度ファイルの読み込みをおこなってください。
投稿2020/06/07 02:02
総合スコア2070
回答者さんの通りにもう一度ファイルを読み込みしてみました。
deleatedの表示はなくなりましたが、問題の解決はされませんでした。
何か他の要因があるみたいです。
ありがとうございます
外部CSSファイルがちゃんと読み込まれていない可能性があります。
HTMLファイルの読み込みコード(画像では6行目)にマウスホバーし、「command」+ 「クリック」をおこなってください。
そのファイルがHTMLで読み込んでいる外部CSSファイルです。
確認してみたのですが、回答者さんの通りやってみると、HTMLが読み込んでいる外部CSSファイルが存在しないみたいだということがわかりました。しかし、なぜ読み込まれないのかがいろいろ調べてみたのですが、わかりませんでした。
HTMLのコードも追加してみたので、ご手数ですがよろしければご確認ください。
> HTMLが読み込んでいる外部CSSファイルが存在しないみたいだということがわかりました。
存在しないのであれば、作成しますか？というメッセージが表示さえれるはずです。そちらでファイルを作成してCSSのコードを記述してみて下さい。
そのとおりにしましたところ、無事反映しました！
非常に初歩的な質問でしたが、丁寧にご回答くださり、ありがとうございます。
ありがとうございました。
解決された様で何よりです。
あなたの回答
tips
プレビュー
