css - css3で属性の不在をキャッチすることは可能ですか?

Question

JavaScriptの解析を回避して、これら2つの異なるケースをキャッチできるかどうかを知りたいです:

<div class="a b"></div>
<div class="a"></div>

div.a.b {
  color: red;
}

div.a { //Specify "when there is no class b"
  color: blue;
}

score 3 · Accepted Answer

CSS3 では、以下を使用できます:not。

div.a:not(.b) { ... }

CSS2 を直接使用することはできませんが、必要な属性を設定し、div.a.bルールで「設定解除」することができます。あなたはすでにこれを行っています:あなたのdivは赤ですが、「クラスがない場合b」は青です。

score 2 · Accepted Answer

CSS3 セレクターの使用:

div.a:not(.b){
  color: blue;
}

2 に答える 2