如何更改子墊角度組件的樣式？

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