Q&A
フォルダ構成をご提示いただけますか？
VScodeのCSSの反映（googlechromeでのプレビュー）のさせ方を教えてください。
以下のaへ色の追加と、ボーダーを消すコードをCSSに下記加えましたが、HTML部分しか反映されませんでした。
また、この問題点に関して検索しましたが、わからなかったため質問させてください。
以下、記載したコードです。
【HTML】
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="stylesheet.css"> </head> <body> <a href="#">リンク先に飛ばすよ</a> </body> </html>
【CSS】
a { color: #000; text-decoration: none; }
また、HTMLの１行目から<\head>までの内容は、VScodeの自動入力機能を使用しました。
小さな質問で申し訳ございません。
誤っている部分、必要な設定がございましたらご教授ください。
回答1件
0
こっちで提示のコードを試してみた所、色は変わってますし、下線も消せているようなので
提示していない範囲に問題があるか、パスの指定が間違っているのかと思います。
一度、ChromeでF12を押して出てくるデベロッパーツールでcssが適用されているか確認してみては？
パスの指定が誤っているようなら「相対パスと絶対パス」について理解なさってください。
視覚的に見るならこの辺が参考になるかな。
【初心者向け】絶対パスと相対パスの違いをイラストを使って解説！
投稿2021/07/13 06:50
編集2021/07/13 07:09
総合スコア1282
あなたの回答
tips
プレビュー
