角度材质：覆盖mat菜单内的css表

我正在研究Angular 7和Angular Material cdk 6中的一个应用程序。这是我第一次使用棱角材料。 我必须重写我列的css。我的尝试都没有成功

*HTML*

<mat-menu #myMenu>
<ng-template myContentMenu>
    <table mat-table>
        <ng-container matColumnDef="date">
            <th mat-header-cell *matHeaderCellDef >Date</th>
            <td mat-cell *matCellDef="let item" >{{ item.date }}</td>
        </ng-container>
    </table>
</ng-template>

:host { /** With and without host */
   th.mat-column-date, td.mat-column-date {
      padding-left: 20px; /** With and without !important */
   }

   ::ng-deep mat-menu th.mat-column-date,
   ::ng-deep mat-menu td.mat-column-date {
     padding-left: 20px !important;
   }}

---

我不知道如何继续。有人有主意吗

为什么不将自己的类添加到所需的元素中呢。例如，我在th元素中添加了“colpadding”类

HTML

日期

CSS

---

为什么不将自己的类添加到所需的元素中呢。例如，我在th元素中添加了“colpadding”类

HTML

日期

CSS

---

你介意在上面创建一个演示代码吗？当你把css规则添加到你的全局css文件时，它能工作吗？@Arikael不，我不能找到正确的标记。我的CSS很差。显然，HTML中的css内联工作正常，但我更愿意提交一些不太脏的东西：'）删除

：host

声明，只将填充规则添加到全局样式或属于包含表的组件的样式表中。比如->符号列有一个填充，你介意在上面创建一个演示代码吗？当你将css规则添加到全局css文件时，它是否有效？@Arikael不，我无法找到正确的标记。我的CSS很差。显然，HTML中的css内联工作正常，但我更愿意提交一些不太脏的东西：'）删除

：host

声明，只将填充规则添加到全局样式或属于包含表的组件的样式表中。Like->符号列有一个填充

.col-padding {
    padding-left: 20px; 
}