如何更改子垫角度组件的样式？

Question

正如 angular 官方文档所说， ::ng-deep , >>>, /deep/已弃用，很快将被删除：

https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep

如果我使用像<mat-checkbox>这样的mat组件或更全面的像<mat-table>这样的组件，我怎么能从父组件对该组件进行一些更改？

1. 我应该取消该组件的视图封装并在.SCSS文件中编写样式吗？
2. 如果要删除深度选择器，如何编辑inner材质角度组件的样式？
3. 这样做的正确方法是什么？

Answer 1

正如提及文档所说，您可以将::ng-deep与:host结合使用，这样就可以了。

为了将指定的样式范围限定到当前组件及其所有后代，请确保在::ng-deep之前包含:host选择器。 如果在没有:host伪类选择器的情况下使用::ng-deep组合器，则样式可能会渗透到其他组件中

:host /deep/ h3 {
  font-style: italic;
}

但是，您也可以使用自定义CSS类和id将自定义 css 应用于Angular Material Components上的.CSS或.SCSS文件。 将.class & #id与mat默认类结合使用是有效的。 此外，您可以在组件样式文件（ .CSS或.SCSS ）中使用自定义 Angular 材质类来覆盖如下所示：

.app-component-style {
/* All the CSS here */
.mat-tab-group .mat-tab-label {color: green;}
}

所以，继续使用它作为Dudewad在这里提到的： https : //stackoverflow.com/a/49308475/4185370