質問: CSS で[!important]の使用はやめた方がいいでしょうか。 スマホサイズでハンバーガーメニューとボタンがオンになっている状態でリサイズを行うとメニューとボタンがもとに戻るという設定をjQueryでつくっているのですが、リサイズしてパソコンサイズまでもっていくと本来横並びヘッダーのメニューのレイアウトが崩れて縦並びになってしまいます。!importantでヘッダーの横並びの優先度を上げたいのですが使用はしない方がよいでしょうか。
回答: 常にするのではない。 元々にあるcssがあって、そのcssを消したくない(消せない)時に別の所にcssしても反映されない時だけ、「!important」を付けて強制的に読み込ませます。 つまり、普通に反映されているのであれば、「!important」は不要です。 「!important」は優先順位に関係しますので、cssの中身から優先順位によって優先順位が低いと反映されませんので、その時は「!important」を付ける事で、優先順位が1番強い順位になります。