【CSS】!importantの使用

!importantをCSSの記述に追記すると、CSSの優先順位が変更されます。

CSSの優先順位

CSSは、上から順に読み込まれるため、最も下の行の記述が適用されます。また、セレクタにも優先順位があり、HTMLタグに記述したCSSよりもclassやidが優先されます。

しかし、!importantをCSSに記述することで、これらの優先順位を無視し、!importantの記述があるCSSを優先させることができます。

!importantの記述例は次のコードです。

p{
 color: red !important;
}

このように記述することで、優先的にこのCSSが使用されます。

まとめ

CSSには、優先順位があります。しかし、!importantを使用することで優先順位を変更できます。必要に応じて!importantを使用しましょう。