Q&A
ライブビューの話ですか？
Bracketsでcssをhtmlに反映させたい
Bracketを使用してサイトを作ろうとしたのですが、cssファイルが反映されません。
『link herf=』にファイルを指定する際、Btracketの機能で表示されるファイルを選択しているのですが、一向にcssが反映されておらず途方に暮れています……。
フォルダの構成も調べて一般的であろう
css（フォルダ） - common.css（データ）
img（フォルダ）- item_001.jpg（データ）
index.html（データ）
にしています。
よろしくお願いします。
brackets以外の無償ソフトでおススメなどがありましたら教えていただけると幸いです。
発生している問題・エラーメッセージ
エラーメッセージはあaりません
該当のソースコード
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/common.css.css"> </head> <body> <section> <h1>webデザイナーになった理由を教えてください</h1> <img src="img/item_001.jpg" alt="sample1"> </section> </body> </html> ――――――――――― .section { background-color: aqua; } body { background-color : aqua; } （divition指定でダメならbodyに指定してみようとして指定しましたが反応ありませんでした…）
試したこと
・bracketの機能でファイルの文末に「.css」や「.html」を入力してもファイル名自体に表記されない（【例】「common.css」というファイル名にした場合、cssファイルとして扱われるがファイル名は「common」と表記される）ので、ファイル名通りに入力したり、逆にファイル名に「.css」をつけたりしましたが全滅でした（bracket上では「common.css.css」という表記になっていました）
・html、css共に保存してから確認
・cssファイルをhtmlと同じフォルダに移動したのちlink rel も変更したが変化なし
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
自己解決
私が使用している㍶の問題（Windows、Dynabookを使用）かもしれませんが、
- データ保存時に「.css」を付けてデータの名に「.css」が表記されない場合でもhtmlにてリンクする際は「.css」を付ける
- 少し時間を置いてから再度ライブビュー、chrome共に確認する
でなんとか解決しました。
投稿2021/07/12 00:41
総合スコア0
拡張子を表示する設定にしておいた方が今後のためにも良いかと思います。
「windows10 拡張子」のキーワードで初めに出てきたページですが参考に。
https://pc-karuma.net/windows-10-show-explorer-file-name-extension/
浅学ゆえ設定変更可能とは知りませんでした…。
ご丁寧にURLまで教えていただきありがとうございます！
早速変更し、無事に拡張子が表示されるようになりました。
あなたの回答
tips
プレビュー
