1

現在のプロジェクトには多数の CSS ファイルがあり、これらのファイルの多くのスタイルには !important があります。私の中で、これは良くないことだと感じています。!important を使用するとどうなるか、そしてそれが良いアイデアかどうかについて、誰かが光を当てることができますか?

ありがとう、

サチン

4

2 に答える 2

4

!importantルールを上書きできないことを意味します。!importantを使用するユーザーのスタイルシートは、作成者のスタイルシートを上書きすることに注意してください。

http://www.w3.org/TR/CSS21/cascade.html#important-rules

これが悪いか良いかは、実際には使用法によって異なります。私はこのキーワードをあまり使用しません。1つの例は、サードパーティのウィジェット/プラグインから取得したスタイルをオーバーライドできることです。

于 2012-05-16T15:52:25.600 に答える
3

!importantスタイルに優先順位を付け、それが使用されているスタイルであることを（可能な場合は）保証します。!importantセレクターが特定されていない、または十分に考えられていないために使用している場合は、それを使用する方法ではありません。私にとっては、自分でコントロールできないスタイルに対処しなければならない場合に、もっと便利です。

説明のために、 `！importantを使用する場合は、2つのスタイルシートがあります。1つの「グローバル」を制御し、もう1つの「ローカル」を制御します。

グローバルスタイルシートには、次のようなものがあります。

p span {
    color: black;
}

ローカルのものでは、次のようにしてこれをオーバーライドできます。

p span {
    color: red;
}

これは機能する可能性がありますが、グローバルスタイルの前にローカルスタイルが含まれている場合、競合が発生し、グローバルスタイルが優先されます。これを克服するには、次のことができます。

color: red!important;

セレクターをより具体的にすることができる場合は、を使用するよりも、それを行う方がよいでしょう!important。

グローバル、すべてのスパンは黒です：

span {
    color: black;
}

ローカルでは、段落内のスパンは赤です。

p span {
    color: red;
}

実際に使用することに「間違った」ことは何もありません!important。ケースバイケースのシナリオだと思いますが、うまくいけば、上記がそれらを最大限に活用する方法を説明しています。

CSSのトリックについては、「！importantを使用する場合が正しい選択です」に関するもう少し議論があります。

于 2012-05-16T16:03:18.953 に答える