マウスホバーしたときの背景色がおかしい

CSSでは詳細度や書く順番が大事です。
2020年5月21日
ユーザー

ブラウザーで実行してみると選択肢をクリックするとボーダー色、フォントの色、フォントの太さはその瞬間変化するのですが、背景色は変わりません。その後、マウスを移動して選択肢の範囲から外した瞬間に背景色が変化します。デモをみてみるとクリックの瞬間に変化しています。
コードの比較を見てみましたが問題になるほどの違いはないように思います。どこが悪いのでしょうか?よろしく願いします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(3)