css - CSSで「!important」を使うメリットとは?

Question

私は他の誰かのコードに取り組んでおり、彼が CSS 内で多くの「!important」を使用していることに気付きました。理由がわからない font-family にも使用されています。これは本当に必要なのか、それとも以前のプログラマーの間違いなのか?

誰かが「!important」をいつ使用するのか、そしてそれが何のために役立つのか説明してもらえますか?

ありがとう

Answer 1

ドキュメントによると：

"!important" 宣言 (区切りトークン "!" とキーワード "important" が宣言に続く) は、通常の宣言よりも優先されます。

2 つのスタイル ルールが同じである場合、!importantスタイルを適用する際にマークされた方の重要性が高くなります。

Answer 2

!importantcss 属性を、そのセレクターが適用される他の属性よりも優先させます。たとえば、次の例では.something、5px の境界線の後に宣言があるにもかかわらず、5px の境界線があります。

.something{
    width: 200px;
    height: 200px;
}

.something{
        border: 5px solid red !important;
}

.something{
        border: 2px solid red;
}

JSFiddleで例を示します。

ボックスを削除する!importantと、2px の境界線が表示されます。