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

Question

我在玩一些棱角分明的材料组件。我想知道如何在component的scss中而不是global.scss中覆盖角材料组件的样式。而且我想知道为什么我可以用不同的CSS样式覆盖示例mat-btn“ .mat-raised-button”的主类，但是例如，我无法覆盖mat-tabs“ .mat-tab，.mat”的主类-tab-header，.mat-ink-bar”。我认为这是一个简单的问题，也许是有关在影子dom或其他内容中创建内容的，但是我想让PRO来回答这个问题:)。

Answer 1

对于像mat-tab这样的材质组件，您可以在CSS中使用ng-deep进行样式设计

例如：

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