なくなりそうでなくならないCSSの強制的なCSSの指定。
複雑なCSSの中で、どうしてもこのスタイルだけは変えたくない時に使う記述です。
例えば下記は、!importantがなければ、blueが上書きされて青くなるがサンプルはそうなりません。
<style>
div.demo {
color: red !important;
}
div.demo {
color: blue;
}
</style>
<div class="demo">この文字は何色でしょう。</div>
この文字は何色でしょう。
!importantをつけるだけで、重要度を高めることができます。
ただし、後述でさらに!importantをつければ、上書きは可能です。
複雑になるほど、どこかの!importantのせいで、さらに複雑にしてしまいます。
基本的には、未来の自分のためにも思いやりをもって、使わないことをお勧めします。