前提・実現したいこと
VisualStudioCodeを利用してWEB制作を勉強中です。
発生している問題・エラーメッセージ
あるページの模写をしていたのですが、CSS全体が反映されず困っております。
なお、HTMLファイルもCSSファイルも同じフォルダに保存しています。
(他の模写では、同様の条件できちんと反映されています)
該当のソースコード
html
1 2 3<!DOCTYPE html> 4<html lang="ja"> 5 <head> 6 <meta charset="UTF-8"> 7 <title>KITCHEN</title> 8 <link rel="styleseet" href="./kitchen.css"/> 9 </head> 10 <body> 11<div id="wrapper"> 12 <div id="main"> 13 (中略) 14 </div> 15 </body> 16</html> 17コード
css
1@charset "UTF-8"; 2 3body { 4 margin: 0; 5 padding: 0; 6 color: #333; 7 font-size: 14px; 8} 9 10a { 11 color: #333; 12} 13 14a:visited { 15 color: #333; 16} 17 18a:hover { 19 color: #333; 20 font-weight: 700; 21 text-decoration: none; 22} 23 24h1,h2,h3,h4,h5,h6 { 25 margin-top: 0; 26} 27 28p { 29 margin-top: 0; 30 line-height: 1.6; 31} 32 33**#**main h2 { 34 background: #fff; 35 font-size: 20px; 36 padding: 8px 22px; 37 border-radius: 2px; 38 border: 1px solid #956840; 39} 40 41**#**main h3 { 42 font-size: 16px; 43 border-left: solid 3px #fa9786; 44 padding: 4px 9px 4px 14px; 45} 46
試したこと
・「kitchen.css」に⌘+クリック →該当CSSファイルが正しく表示されました。
(「./kitchen.css」に変更しても同様でした)
・閲覧履歴データの削除(過去24時間)
・キャッシュの消去とハード再読み込み
・Chromeでの検証
補足情報(FW/ツールのバージョンなど)
・MacBookAir使用しています
回答1件
あなたの回答
tips
プレビュー