質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

4121閲覧

VSCode上でCSS全体が反映されない

anco

総合スコア4

Visual Studio

Microsoft Visual StudioはMicrosoftによる統合開発環境(IDE)です。多種多様なプログラミング言語に対応しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/04/21 11:08

編集2020/04/21 14:33

前提・実現したいこと

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使用しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/04/21 11:14

>・Chromeでの検証 エラー出ているのでしたら検証の結果もご提示ください。
anco

2020/04/21 14:17

m.ts10806様 初めまして。早速のレスポンスありがとうございます。 また、投稿の方法に不備があり失礼いたしました。 再度投稿したいと思います。取り急ぎよろしくお願い申し上げます。
anco

2020/04/21 14:22

検証結果ですが、「Console」のタブで以下の警告(?)が出ました。 その他については特に問題なさそうです。 DevTools failed to load SourceMap: Could not load content for chrome-extension://ndjpnladcallmjemlbaebfadecfhkepb/editor/config.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME DevTools failed to load SourceMap: Could not load content for chrome-extension://ndjpnladcallmjemlbaebfadecfhkepb/editor/content.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
m.ts10806

2020/04/21 14:28

質問は編集できますので。
anco

2020/04/21 14:41

m.ts10806様 度々お手数をお掛けしてしまい、申し訳ございません。 編集・削除に取り掛かりたいと思います。 宜しくお願いいたします。
guest

回答1

0

自己解決

初歩的なスペルミスでした。大変失礼致しました。

× styleseet

○ stylesheet

投稿2020/04/22 06:34

anco

総合スコア4

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問