角材料 - mat-tab 和 mat-btn 之间的区别

Question

我在玩一些有角度的材料组件。我想知道如何在组件的 scss 中覆盖角材料组件的样式，而不是在 global.scss 中。而且我想知道为什么我可以用不同的css样式覆盖示例mat-btn“.mat-raised-button”的主类，但是例如我不能覆盖mat-tabs上的主类“.mat-tab,.mat -tab-header，.mat-ink-bar”。我认为这是一个简单的问题，可能是关于在 shadow dom 中创建内容或其他内容，但我希望一些专业人士来回答这个问题 :)。

Answer 1

对于 mat-tab 等材质组件，可以在 css 中使用 ng-deep 进行样式化

例如：

mat-tab::ng-deep {
   // your styles
}