如何將一個班級應用到另一個班級？

Question

所以我在.card類中有幾個元素，我想對它應用w3-card-4類。

.card { 
    background-color: #FFFFFF; 

} 
.w3-card-4 > .card 

Answer 1

應該沒有空格

.w3-card-4 > .card之間

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

這是使用時的 class="card"元素是 class="w3-card-4"

對於HTML部分元素的直接子。你也必須在html中包含這兩個類。像這樣：

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

如果您通過javascript/jQuery添加它，則不必將其包含在html中。