Angular Material ng-tns 类更改了我表中项目的边距，可以使用 CSS 更改边距，然后应用了 ng-tns 的另一种变体吗？

Question

我有一个 Angular 项目，我在其中使用了 Angular 材质和材质表。

由于名为 .ng-tns-c5-1 或 .ng-tns-c6-1 等的类，我的表格中的所有文本似乎都应用了 10px 的顶部和底部边距。

如果不检查元素，找到该类，然后使用 CSS 更改该边距，我就找不到更改这些边距的方法。

但是在对应用程序上的其他元素进行一些更改后，.ng-tns-c6-1（例如）更改为类似：.ng-tns-c4-0 然后我必须更改它。问题是我现在已经这样做了 5-6 次，这完全是痛苦的。

正因为如此，桌子上有很多无用的空白区域，整体上让事情看起来很糟糕。

那类是什么，我该怎么做才能确保边距保持在我设置的 2-3 像素？

这是我的 CSS 中的类型：

.ng-tns-c5-1 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.ng-tns-c5-0 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.ng-tns-c6-1 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.ng-tns-c4-0 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

Answer 1

您可以使用以下命令来选择所有当前和未来的元素。

[id*='ng-tns-c'] {

}