javascript - 优先一个class 如果html div有两个class

标签 javascript html css

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

我想从这个 html div 显示 CardBack 类。但它显示珠宝类。我如何显示 CardBack 类?

最佳答案

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

示例 fiddle :

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

  1. 样式表中的第二个样式将获得优先权
  2. 使用 !important

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

参见 this link了解更多信息:

关于javascript - 优先一个class 如果html div有两个class,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15862167/

相关文章:

CSS 问题,填写表单时标题上升

javascript - 在 css 仍然适用的情况下使用 javascript 添加和删除 div 样式

javascript - styled-components 'css' 未定义 no-undef

javascript - 第二个下拉菜单运行不佳。

css - 如何在 webpack 中禁用一个文件的 css 模块

ios - 如何提高 iOS 汉堡菜单的 CSS 性能?

添加母版页后 JavaScript 不工作

php - 我如何知道(在服务器端)是否有人通过 iframe 或直接访问它?看里面

javascript - window.navigator.appCodeName 的用途是什么?

html - 我无法弄清楚是什么导致了我的内容底部和页面底部之间的差距