Javascript 如果html div有两个类,则为一个类赋予优先级 html+=''

Javascript 如果html div有两个类,则为一个类赋予优先级 html+='',javascript,html,css,Javascript,Html,Css,在这个html分区中,我想显示CardBack类。但它显示jewels类。我如何显示CardBack类?如果您有竞争类,以下两种方法将是您的最佳选择: 小提琴示例: 样式表中的第二个样式将获得优先权 用这个!重要的 html+='<div class="CardBack jewels" id="deck1"></div>' 有关更多信息,请参阅:使用回拨卡两次 html+='' .CardBack.CardBack{ } .珠宝{ } 添加两次类名,如下所示: .C

在这个html分区中,我想显示CardBack类。但它显示jewels类。我如何显示CardBack类?

如果您有竞争类,以下两种方法将是您的最佳选择:

小提琴示例:

  • 样式表中的第二个样式将获得优先权
  • 用这个!重要的

    html+='<div class="CardBack jewels" id="deck1"></div>'
    
  • 有关更多信息,请参阅:

    使用回拨卡两次

    html+=''
    .CardBack.CardBack{
    }
    .珠宝{
    }
    
    添加两次类名,如下所示:

    .CardBack.CardBack{//CardBack类的所有样式}


    希望有帮助!:)

    您是否在cardback中定义的属性被jewels覆盖?那就用吧!优先使用
    很重要!重要信息
    在您放入
    CardBack
    类中的每个样式前面。
    .CardBack{
        color: red !important
    }
    
    .jewels{
         color: blue;
    }
    
    html+='<div class="CardBack jewels" id="deck1"></div>'
    
    
    .CardBack.CardBack {
    
    
    }
    
    .jewels{
    
    
    }