CSS中の!importantの概要


!importantはCSS 1で定義された構文であり、指定されたスタイルルールの適用優先度を高める役割を果たす.構文フォーマット{cssRule!important}は、定義の一番後ろに書かれています.
例:box{color:red!important;}
もし私が1つのdivに対してIE 7の中で幅が200 pxで、IE 6の中で幅が180 pxであれば、
div { width:200px !important; }
div { width:180px; }

!important:ある属性(宣言)が具体的に最も高い最適化レベルを表すので、下の方が上の属性を覆っているように見えますが、本当に上度200の最適化レベルが最も高いので、最後にdivの幅は200 pxです!important:IE 7以上、Firefox、Chromeともにサポートするが、IE 6はサポートしていないため、以下の属性は上のカバー、すなわちIE 6幅で180 pxと表示する.