Q&A
前提・実現したいこと
bodyにＣＳＳが適用されない問題の解決
発生している問題・エラーメッセージ
bodyへのCSSが適用されません。他の要素へのCSSは全て適用されるのですが、、
これとは別にもう一つ、本を見ながらその通りに記述したものがあるのですがそれもbodyへのCSSのみ反映されず同じ状態に陥っています。
色々試してみたのですが初心者の自分では自己解決の兆しが見えそうにないのでおかしな部分等ありましたらご指摘いただけたら幸いです。
該当のソースコード
<idoctype html> <html> <head> <meta charset="utf-8"> <title>AAAAAA</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <div class="logo"> <a href="index.html"><img src="images/*********"></a> </div> <nav> <ul class="global-nav"> <li><a href="#"></a>AAA</li> <li><a href="#"></a>BBB</li> <li><a href="#"></a>CCC</li> </ul> </nav> </header> <div id="wrapper"> <div class="contant"></div> </div> </body> </html>(css)
@charset "utf-8"
body {
margin: 0;
padding: 0;
background: #cccccc;
color: #333333;
font-size: 16px;
}
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答4件
0
ベストアンサー
@charset "utf-8"の後ろに;がないのが原因では。
投稿2019/01/31 05:06
総合スコア992
0
<idoctype html>を<!doctype html>に修正した上で、madoka9393さんの対応をされたら直りませんか。
投稿2019/01/31 05:25
総合スコア20
0
解決するかはわかりませんがとりあえず
HTML
1<idoctype html>
ではなく
HTML
1<!doctype html>
ですね。
投稿2019/01/31 05:23
総合スコア5158
0
問題ないようにみえるので、
キャッシュクリアをお試しください
F12を押してディベロッパーツールを開く→更新ボタン右クリック→キャッシュの消去とハードの再読み込み
実行した結果↓
投稿2019/01/31 05:23
総合スコア2341
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/31 05:13
2019/01/31 05:18
2019/01/31 05:43
2019/01/31 05:46