HTMLにCSSが反映されない

タイトルの通りです　エディタはアトムを使っています
＜head＞のlinkの部分が間違っていないか、htmlとcssが同じフォルダに入ってるかもきちんと確認しました

HTML
1<!DOCTYPE html>
2<html lang="ja" >
3  <head>
4    <meta charset="utf-8">
5    <title></title>
6    <link rel="stylesheet" href="css/reset.css">
7    <link rel="stylesheet" href="css/style.css">
8  </head>
9  <body>
10    <header class="header">
11    </header>
12    <div class="wrapper">
13      <main>
14      </main>
15      <div class="sidemenu">
16      </div>
17    </div >
18    <footer class="footer">
19    </footer>
20  </body>
21</html>

CSS
1.header{
2width: 100%
3}
4.wrapper{
5width:970px;
6margin:30px auto 40px;
7}
8.main{display:block;
9float:left;
10width:660px;
11}
12.sidemenu{
13float:right;
14width:275px;
15}
16.footer{
17width:100%;
18}
19.header, .main, .sidemenu, .footer{background-color:#ccc;}
20.header, .footer{height:100px;}
21.main, .sidemenu{height: 500px;}
22

ヘッダー、フッター、メイン、サイドメニューそれぞれが灰色に塗られるようにしたいのですが
htmlを開いても白紙のままです　一応htmlに打った文字は反映されるのでCSSだけ動作していないようです

行動規範の内容に同意します

回答2件

mainはクラスではないですね。.main -> main にすれば色が変わります。

css
1.header, main, .sidemenu, .footer{background-color:#ccc;}

投稿2020/12/16 02:40

NagaseTomohiko

総合スコア92

syo--

2020/12/16 04:19

ありがとうございます　見落としていました

行動規範の内容に同意します

ベストアンサー

htmlとcssが同じフォルダに入ってる

同じフォルダならパスが違います。

HTML
1    <link rel="stylesheet" href="reset.css">
2    <link rel="stylesheet" href="style.css">

投稿2020/12/15 14:46

kei344

総合スコア69606

syo--

2020/12/16 04:19

表示されました　ありがとうございます

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

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

ただいまの回答率
85.35%

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

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

質問する

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

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

HTMLにCSSが反映されない

関連した質問