@important規則
| 最優先に適用するCSS | ||
| @important | ||
| 目的 | 指定したスタイルシートについて最優先で適用する。末尾に!importantを付けて使用する。 | |
| 使用 | すべて | |
body{
color:#ff0000 !important;
}
div{
color:#000000;
}
|
||
!importantがなければ、divのcolorは#000000であるが、!importantとあるため、divについても#ff0000となる。
@important(!important)は何のためにつけるのか?
上記サンプルでは理由が分かりづらいですが、!importantは絶対に変更させたくない場合に用いるます。Javaでいえばfinal宣言と言ったところです。CSSが複雑化すると、管理が難しくなります。メンテナンス性を重視する意味で必要な手段のひとつです。