如何使用角度 css 组件设置 ng-zorro 组件的样式？答案

【问题标题】：How to style ng-zorro component with angular css component?如何使用角度 css 组件设置 ng-zorro 组件的样式？
【发布时间】：2019-05-23 16:45:19
【问题描述】：

我有一个问题，例如：

我不喜欢 ng-zorro 表的边距。在我的浏览器中，我可以看到它从 .ant-table-small>.ant-table-content>.ant-table-body 选择器中获取边距。

有没有办法覆盖它？

在 ng-zorro theme.less 中不存在。对于这个菜鸟问题，我感到非常抱歉。

【问题讨论】：

【解决方案1】：

您可以通过::ng-deep 关键字覆盖Angular css，例如：

::ng-deep .ant-table-small>.ant-table-content>.ant-table-body {
    margin: 0;
}

【讨论】：

【解决方案2】：

如果您想在您的应用程序中全局更改此样式（您可能会这样做），请尝试添加一个覆盖 css 文件并将其包含在应用程序的样式文件中。所以你不需要在每个组件中重复相同的样式覆盖。

【讨论】：