CSSについて。backgroundを2重にしないと反映されない。

Question

ボタンのバックグラウンドカラーを設定したい。

先週からHTMLとCSSの勉強を始めたばかりの初心者です。
そのため教科書を見ながら勉強を進めています。
教科書の内容でボタンを実装中、教科書通りに作っているはずなのに私の方はbackgroundが反映されません。
スペルの確認のためにその下に一語一語確認しながら打ち直してみたところスペルの間違いは無く、
かつ、２行目は正常に稼働しました。
この時、１行目のbackgroundの文字にはラインマーカーで線が引かれたようになっています。
試しに、作動した２行目を残し、１行目を消してみたところ、またしてもラインマーカーで線が引かれたようになり、作動しなくなりました。
完全初心者のため、コードの問題かエディターの問題かなんらかのバグかすら判断もつかず困惑しています。
どうぞお力添えお願いいたします。

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

backgroundを２行書かないと作動しない。

エラーメッセージ

該当のソースコード

.button{
  font-size: 1.375rem
  background: #0bd;
  background: #0bd;
  color: #fff;
  border-radius: 5px;
  padding: 18px 32px
}

試したこと

スペルチェック

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

エディター：Atom 教科書：２０１９／12月発行

Answer 1

font-size: 1.375remの終わりに;がついていないことが原因ではないでしょうか。

最後（}の直前）のセミコロンは省略できますが、トラブル防止のためにもつけるように意識しておいた方がいいかと思います。

Comments

[Kawazu_Ogaki]

解決しました！ありがとうございました！