要素上の同じ2つのcssクラスのスタイルが異なっている必要があります

Question

同じ要素のスタイルを適用するクラスの数に基づいて同じ要素をスタイルする方法はありますか？ 私はtd要素のクラスを 'off'にし、クラス 'off'、 'off'を持つ要素のいくつかをレンダリングするサードパーティのlibを持っています。私は要素の数を「off」クラスに基づいてスタイル要素を異なるものにしたい。

私はこれを試しましたが、すべての要素に表示なしを適用しました。

td.off.off{ 
display:none; 
}  
td.off{ 
cursor: none; 
} 

Answer 1

最後の定義が にそのクラス名を持つすべてのの要素を適用しますあなたは 同じクラス名を連結した回数は関係ありません

（単一または複数回）

div { background: #eee; margin: 10px; height: 30px; width: 100%; } 
 

 
.off { background: blue; } 
 

 
.off.off { background: red; } 
 

 
.off.off.off { background: green; }

<div class="off"></div> 
 

 
<div class="off off"></div> 
 

 
<div class="off off off"></div>

したがって、クラス名のみに基づいて.off以外のものを使用すると、.off.offのスタイルを変更することはできません。