从DataTables Scroller中删除不需要的CSS样式

Question

当鼠标悬停在表格行上时，我正在使用bootstrap进行着色。但是当我在图片中引入滚动时，所有偶数行都设置为background-color: white。这些都超过了引导规则。

所以我做的第一件事就是检查我加载CSS的顺序，假设级联样式表受到加载顺序的影响，后来会覆盖以前的规则。

<link href="/DataTables/datatables.css" rel="stylesheet" type="text/css">
<link href="/css/bootstrap.min.css" rel="stylesheet" media="all">

这没有改变任何事情。数据表规则仍然是覆盖引导程序。

然后我尝试添加规则内联：

<style>
  div.DTS tbody tr.even:hover {
    background-color: inherit;
  }
</style>

但这只是继承了DataTable的规则。将颜色改为透明同样失败。

所以，我有两种不同的黑客可以使用，但它们都不是（IMO）这样做的好方法。

1. 我可以覆盖规则覆盖引导程序，相信引导程序永远不会改变悬停颜色：

   /* overwrite the overwriting of bootstrap hover shading. */
   div.DTS tbody tr.even:hover {
       background-color: #f5f5f5;
   }
   

2. 只需在datatables.css中注释掉违规规则，并在下次升级DataTables时让它中断：

   /*
   div.DTS tbody tr.even {
     background-color: white;
   }
   */
   

是否有更灵活的方式来撤消我不想要的“有用”样式？