異なるスタイルの異なるクラスが

Question

を追加したとき、私は、私はクラスmainを持ってdivを持って、このコード

<div class="main first"> 
    <div class="content"> 
     <!--HERE IS SOME CODE--> 
    </div> 
</div> 

を持っています。このdivには、いくつかの条件が一致したときに動的に追加される第2のクラスがあります。したがって、2番目のクラスはクラスfirstまたはsecondです。メインdivの中にクラスcontentの別のdivがあります。 firstクラスを追加すると、クラスcontentは、クラスsecondが追加されたときとは異なるスタイルになります。クラスsecondを添加した場合

.main.first.content { 
    margin-top: 10px; 
} 
.main.second.content { 
    margin-bottom: 10px; 
} 

だからクラス contentがクラス firstが追加されました margin-top: 10px;と margin-bottom: 10px;を持っている必要があります。

は、だから私はこのような何かを試してみました。しかし、これはうまくいかなかった。これどうやってするの。私はそれが十分明確であることを望む。

ありがとうございました。

Answer 1

変更.main.first.content.main.first .content

.main.first.content手段と.main.first .contentはクラス.mainと.first