我正在按照官方docs中给出的示例实现非常基本的表。
在那些示例中，表具有不错的样式，似乎已定位到每个示例表。我要使用的主要样式是mat-elevation-z8（据我所知）。不幸的是，当我将该表格嵌入到页面中时，它将对整个页面进行样式设置，一直到正文为止。这是一个显示我意思的堆栈闪电战：
https://stackblitz.com/edit/angular-5oe5jz
表格上方和下方的div的样式均与表格相匹配。我希望表格可以像示例中那样单独设置样式。我唯一的选择是覆盖我不希望受到材料影响的所有属性吗？
1）您不需要覆盖每个属性，而只在需要的地方使用材料CSS类，否则就不要添加这些类。
2]例如，在stackblitz链接中，该页面正在使用材质设计，因为您已将'mat-app-background basic-container'类应用于div文件中的index.html。这样整个页面看起来都带有材质设计。
3）从mat-app-background basic-container文件中删除该index.html，并仅将材料CSS类用于表。
4）我刚刚更新了index.html文件供您参考。 check here