CSSのimportantの使い方

たまに使うときに忘れがちなので、importantの使い方をメモ。

サンプルコード

HTML

<div id="sample" style="background:red;">サンプル</div>

CSS

#sample {
	background: blue;
}
#sample {
	background: green !important;
}

外部ファイル(blue)よりインラインCSS(red)が優先されますが、importantを使うことでインラインCSSよりも優先させることができます。
そのため上記サンプルでは背景色が緑になります。
importantのデモページ
　

【参考サイト】

• CSS基礎知識～!importantルールを使う～