給予一個類的優先級如果html div有兩個類

Question

html+='<div class="CardBack jewels" id="deck1"></div>' 

從這個html div我想顯示CardBack類。但它顯示珠寶class.How我顯示CardBack類？

Answer 1

以下兩種方式將是你最好的選擇，如果你有競爭類：

例小提琴：

http://jsfiddle.net/qhvLJ/1/

1. 樣式表中的第二個樣式將得到優先

2. 使用！重要

   .CardBack{ 
       color: red !important 
   } 
   
   .jewels{ 
       color: blue; 
   } 
   

有關更多信息，請參見this link：

Answer 2

使用CardBack兩次JSFIDDLE

html+='<div class="CardBack jewels" id="deck1"></div>' 


.CardBack.CardBack { 


} 

.jewels{ 


} 

Answer 3

兩次添加類的名稱，如：

.CardBack.CardBack { //all the stylesin here for CardBack class }

希望它能幫助！ :)