css - 您可以在加载时更改 css 类优先级吗？

Question

我正在使用 jQuery 数据表和 oTableTools aButtons。我正在这样做:

oTableTools: {
    aButtons: [
        {
            sExtends: 'text',
            sButtonText: 'Add +',
            fnClick: function ( nButton, oConfig, oFlash ) {/*stuff*/},
            sButtonClass: 'btn-success'
        }
    ]
},

我的问题是 dataTable.tableTools.css:38 上的 a.DTTT_button 类覆盖了 bootstrap-combined.min.css 上的 .btn-success 类:9，所以我的按钮是灰色的而不是绿色的。它们都是从外部源加载的，所以我无法编辑它们，并且更改它们的加载顺序不会影响任何内容，大概是因为 dataTable.tableTools.css 中的定义更具体，专门针对什么 anchor 。

有没有办法强制 sButtonClass 在加载时优先于 a.DTTT_button，或者我必须在本地 css 文件中创建一个新类复制我想要的样式并调用它？这对我来说感觉不太干净，所以如果不是绝对必要的话我宁愿不这样做。

Answer 1

我认为在这种情况下给定参数的最干净的方法实际上是创建一个 a.sButtonClass在 a.DTTT_button 之后加载的“本地 css 文件”中的选择器类(class)。特异性将匹配，但级联将获胜 a.sButtonClass 。我知道你说过这“感觉不太干净”，但是你无法操作这两个 css 文件的限制使其成为最干净的解决方案之一。另外，如果您正在使用预处理器(例如 boostrap 所基于的 LESS)，那么您可以使用该类作为更具体的选择器的 mixin，让本地增强功能自动匹配 Bootstrap 类。

但是，另一种方法是根本不通过类应用这些样式，并编写 sButtonClass样式直接到style anchor 元素的属性，因为它将覆盖 a.DTTT_button 的任何内容正在做(假设 a.DTTT_button 的属性上没有 !important 标签)。