[CSS] 最優先でスタイルを反映する（!important）

2019年5月13日2019年8月6日

CSSの適用優先順位にかかわらず最優先でスタイルを適用させたい場合は、
最優先で適用させたいスタイルに「!important」を指定します。

構文

構文は以下の通りです。

＜CSSパラメータ＞:＜値＞ !important;

CSSの後ろに文字列「!important」を付加するだけです。

p{
  background-color:yellow !important;
}

background-color:yellow !important;

}

<p style="background-color:red;">!importantのサンプルです。</p>

1	<p style="background-color:red;">!importantのサンプルです。</p>

【結果】

!importantのサンプルです。

!importantを指定しなければタグに直接指定された赤色が優先的適用されますが、CSSにimportantが指定されているため黄色が優先され適用されています。