css - クラス指定の優先度を制御する方法

Question

fooクラスとを持つ DOM 要素がいくつかありますbar。

<div class="foo bar">...</div>

そして、それらの間の優先順位を制御したいと思います。これは w3c の仕様に従って、css にセレクターを追加すると優先度が高くなるのではないかと考えました。たとえば、fooをオーバーライドしたい場合、次のようなクラスbarを配置することを考えていました。dummy

.foo, .dummy{
  ...
}

.bar{
  ...
}

これは機能しますか？これを行うより良い方法はありますか？個々の属性を制御できることはわかってい!importantますが、クラス仕様全体の優先度を制御する、より一般的なソリューションが必要です。

score 3 · Accepted Answer

最初に .bar クラスのルールを追加してから .foo のルールを追加すると、.foo ルールが .bar のルールを上書きします。

例：

.bar {
    color : red;
}

.foo {
    color: blue;
}

divの色は青になります。

あなたが提案したものは機能しますが、divにダミークラスを追加する必要があります（cssセレクターが一致するように）

例：

<div class="foo bar dummy">...</div>

1 に答える 1