给一个类优先如果html div有两个类

Question

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

从这个html div我想显示CardBack类。但是它显示了jewels类。我如何显示CardBack类？

Answer 1

如果您有竞争课程，以下两种方式将是您最好的选择：

示例小提琴：

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

1. 样式表中的第二个样式将获得优先权

2. 使用！important

   .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 }

希望它有所帮助！ ：）