@important規則 最優先適用 コピペで使えるHTML+CSS

スポンサーリンク
スポンサーリンク

@important規則

最優先に適用するCSS
@important
目的 指定したスタイルシートについて最優先で適用する。末尾に!importantを付けて使用する。
使用 すべて
body{
 color:#ff0000 !important;
}
div{
  color:#000000;
}

!importantがなければ、divのcolorは#000000であるが、!importantとあるため、divについても#ff0000となる。

@important(!important)は何のためにつけるのか?

上記サンプルでは理由が分かりづらいですが、!importantは絶対に変更させたくない場合に用いるます。Javaでいえばfinal宣言と言ったところです。CSSが複雑化すると、管理が難しくなります。メンテナンス性を重視する意味で必要な手段のひとつです。