styleの優先順位を変更しよう

HTMLの要素にCSSを反映させる場合、記述方法によって優先順位が異なります。優先順位は以下のような仕組みになっています。
タイプセレクタ(divやpなどのタグ)< class < id < HTMLファイル内のstyleタグ
最も優先されるのは、HTMLファイルに記述するstyleタグです。
ですが、今回の問題で登場した「!important」を付与することで、どのstyle指定よりも最優先で反映されるようになります。
ただ解説でも説明されているように多用することはやめておきましょう。importantが色々なところにあると何が最優先のstyleなのかが分からなくなってしまいます。
基本的には、上記の優先度通りでことたりるように記述するようにしましょう。