クラスを別のクラスに適用するにはどうすればいいですか？

Question

私は.cardクラスにいくつかの要素があり、それにw3-card-4クラスを適用したいと思います。

.card { 
    background-color: #FFFFFF; 

} 
.w3-card-4 > .card 

Answer 1

class="card"の要素は、HTML部分についてはclass="w3-card-4"

を持つ要素の直接の子であるとき、これが使用されている

.card.w3-card-4{ 
    background-color:green; 
} 

間

.w3-card-4 > .cardにスペースがあってはなりません。両方のクラスをhtmlに含める必要があります。

<p class="card w3-card-4"> Text Here </p> 

javascript/jQueryを使用して追加する場合は、htmlに含める必要はありません。