如何用浏览器默认CSS覆盖实现CSS？

Question

我正在为我的UI制作一个使用Javascript，AngularJS和Materialise CSS的Web应用程序。实现CSS到目前为止是一个很好的工具，但是我有一个问题。

我想为我的表使用Angular-Datatables，但我不能因为它们被Materialise CSS操纵。你甚至不需要写任何特别的东西，你只需要写<table>，而且你已经在使用Materialize的表。

所以我的问题是：我如何继续使用Materialise CSS的一切，但使用默认表的CSS，所以我可以使用Angular-Datatables？

谢谢。

编辑：

这里是我的HTML代码：

<table> 
    <thead> 
     <tr> 
      <th style="width:15%"><b>ID</b></th> 
      <th style="width:40%"><b>Title</b></th> 
      <th style="width:15%"><b>Start Date</b></th> 
      <th style="width:20%"><b>End Date</b></th> 
      <th style="width:10%"><b>Type</b></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr ng-repeat="task in tasks track by $index"> 
      <td>{{task.id}}</td> 
      <td>{{task.title}}</td> 
      <td>{{task.start_day}} {{task.start_time}}</td> 
      <td>{{task.end_day}} {{task.end_time}}</td> 
      <td>{{task.type}}</td> 
     </tr> 
    </tbody> 
</table> 

此代码将产生如下表：

随着角数据表，如果你按照他们的您只需将<table>标签更改为<table datatable="">，它看起来像这样：