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

Question

我正在使用Javascript，AngularJS和Materialize CSS创建Web应用程序。 到目前为止，CSS实现是一个不错的工具，但是我有一个问题。

我想为我的表使用Angular-Datatables，但是我不能，因为它们被Materialize CSS操纵了。 您甚至不必编写任何特殊内容，只需编写<table> ，您已经在使用Materialize的表。

所以我的问题是：如何继续将Materialize 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>

此代码产生下表：

对于angular-datatables，如果您关注它们的站点，则只需将<table>标记更改为<table datatable=""> ，它看起来像这样：

Answer 1

您有三种选择：

1.）确定Materialize添加的违规规则，并覆盖它们以匹配您自己的样式表中所需的样式

2.）使用Materialize的未缩小版本并删除令人讨厌的样式

3.）从Materialize源代码中删除任何表格样式，然后自己编译SASS（ https://prepros.io/这应该可以编译您的SASS）