Angular 如何为不同的mat卡元素操作mat卡标题文本类？

此

mat card header text

操作header text的填充值。我有两张不同的卡，我希望为它们应用不同的边距。（默认边距：0 16px）

---

这就是我如何操作它们的方法。但是它适用于所有的卡。如何对不同的卡进行操作？我想要默认

边距：0 16px

用于其中一些元素，而

0px

用于另一个卡元素。不幸的是，如果不使用此类名，它将无法应用

将一些自定义类添加到mat card header组件中，并将该类与mat card header文本组合

component.html

<mat-card-header class="header">
    <div mat-card-avatar class="example-header-image"></div>
    <mat-card-title>Shiba Inu</mat-card-title>
    <mat-card-subtitle>Dog Breed</mat-card-subtitle>
  </mat-card-header>

---

将一些自定义类添加到mat card header组件，并将该类与mat card header文本组合

component.html

<mat-card-header class="header">
    <div mat-card-avatar class="example-header-image"></div>
    <mat-card-title>Shiba Inu</mat-card-title>
    <mat-card-subtitle>Dog Breed</mat-card-subtitle>
  </mat-card-header>

---

用某个类将角度材质选择器包装在任何其他div元素中。然后，您只能在该特定div中设置样式

div .mat-card-header-text  {}

---

用某个类将角度材质选择器包装在任何其他div元素中。然后，您只能在该特定div中设置样式

div .mat-card-header-text  {}