cssが適用されない理由

前提・実現したいこと

サルワカさんのサイトで指示に従ってcssコードを打ち込んでいる時に行き詰まりました。

発生している問題・エラーメッセージ

h2「これは見出しです。」の文字色を変えたいのですが、反応しません。


html/css

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>CSS練習</title>
  <style>
     body {
  　　　background-color: #fffbf4;
       text-align: center;
        }
     h1 {
       color: #f89174;
        }
   


     #headline {
       border-bottom: dotted 2px #f89174;
     }   
     #headline p {
       font-size: 1.2em;
     }

　　　
      h2 { 
       color: orange; 
     } 
     
    a {
      color: gray;
    }
    </style>

</head>
<body>
    <div id="headline">
    <h1>CSS入門</h1>
    <p>これは段落です。</p>
    </div>
    <div class="main">
    <h2>これは見出しです。</h2>
    <p>これは<span class="light">例</span>です。</p>
    <p>
    <a href="https://saruwakakun.com/">ホームへ</a>
    戻ります。</p>
    </div>
</body>
</html>

試したこと

検証をしてみると、そもそもh2のカラー変更が指定されていない状態でした。
なんとなくh2の記載をカットしてh1の下にペーストしたところ、文字色が変わりました。

つまり、h２の位置が関係しているようなのですが、理由がわかりません。サルワカさんのサイトでは、h1の次に#headline, #headline p, h2の順番で記載されているわけですが、なぜ私の場合はcssが適用されないのでしょうか。。。基本的なミスだったらすみません。

補足情報（FW/ツールのバージョンなど）

https://saruwakakun.com/html-css/basic/css　こちらの６番、ここまでの復習という箇所になります。

kei344

2019/04/02 07:04

（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

hirosweets1

2019/04/02 07:25

すみません、今編集しました。

kei344

2019/04/02 07:26

ほとんどコードブロックが使えていません。PCであれば記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。

m.ts10806

2019/04/02 07:27

コード部分全体に適用願います。難しければコード全て選択状態にして<code>ボタンを押すと良いです

hirosweets1

2019/04/02 07:36

度々すみません、全て選択肢し<code>ボタンを押しました。

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

回答2件

ベストアンサー

下記コメントで囲った部分に全角スペースが入っています。その前後の指定が効かなくなりますので、全角と半角が区別できるエディタを探すことをお勧めします。

CSS
1     body {
2  /*　　　*/background-color: #fffbf4;
3       text-align: center;
4        }
5     h1 {
6       color: #f89174;
7        }
8
9
10
11     #headline {
12       border-bottom: dotted 2px #f89174;
13     }   
14     #headline p {
15       font-size: 1.2em;
16     }
17
18/*　　　*/
19      h2 { 
20       color: orange; 
21     } 
22
23    a {
24      color: gray;
25    }