.content.activeの挙動がわかりません

CSSの詳細度を復習してみましょう。
2020年10月26日
ユーザー

お世話になっております。
質問内容についてなのですが、cssの最後に書いた.contentにおいてdisplay:none;としているのにも関わらず.contentの上に書いた.content.activeのdisplay:blockが反映されるのは何故でしょうか?
後から書いたコードが先に書いたコードを上書きするものだと思っていましたが、.contentより.content.activeの方が優先度が高いということなのでしょうか?ご回答よろしくお願いいたします。

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

プレミアムプランとは?