! important は CSS1 で定義された構文であり、その機能は、指定されたスタイル ルールの適用優先度を高めることです (W3.org の説明を参照)。構文形式 { sRule! important } は、定義の最後に記述されます。次に例を示します。
ボックス{色:赤!重要;}
最も重要な点は、IE はこの構文をサポートしたことがありませんが、他のブラウザーはサポートしているということです。したがって、これを使用して、IE やその他のブラウザーにさまざまなスタイルを定義できます。たとえば、次のようなスタイルを定義します。
.colortest {
ボーダー:20px ソリッド #60A179 !重要;
ボーダー:20px ソリッド #00F;
パディング: 30px;
幅: 300ピクセル;
}
パディングトップ: 11px !重要;
パディングトップ: 9px;
! important は間違いなく CSS レイアウトの強力なツールになります。ぜひ覚えてマスターしてください:)