Html 角度材质ng tns类更改我表格中项目的边距,可以使用CSS更改边距,但是否应用了ng tns的另一个变体?

Html 角度材质ng tns类更改我表格中项目的边距,可以使用CSS更改边距,但是否应用了ng tns的另一个变体?,html,css,angular,angular-material,Html,Css,Angular,Angular Material,我有一个角度项目,我使用角度材质和材质表 我的表中的所有文本似乎都应用了10px的上下边距,这是由于一个名为:.ng-tns-c5-1或.ng-tns-c6-1等的类 如果不检查元素,找到那个类,然后使用CSS来更改那个边距,我就找不到一种方法来更改那个边距 但是在对应用程序上的其他元素进行一些更改之后,.ng-tns-c6-1(例如)被更改为:.ng-tns-c4-0,然后我必须更改它。问题是我已经做了5-6次了,这是一个完全的痛苦 正因为如此,桌子上有很多无用的空白,总的来说会让事情看起来很

我有一个角度项目,我使用角度材质和材质表

我的表中的所有文本似乎都应用了10px的上下边距,这是由于一个名为:.ng-tns-c5-1或.ng-tns-c6-1等的类

如果不检查元素,找到那个类,然后使用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;
}

可以使用以下选项选择所有当前和将来的图元

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

}

这是一种方法——像一个魔咒一样工作,学会了另一个css技巧。顺便说一句,你也可以选择所有相同类型的元素(即为什么是
[id*='ng-tns-c']
而不是
[class*='ng-tns-c']
?这一切都取决于它被编译成什么,以及您试图使用的方法。是否需要添加任何特定的位置?我尝试将其添加到索引页面样式部分,但没有成功…在更新到Angular v9后,我遇到了相同的问题。如果在编译器选项中禁用常春藤,则不会发生这种情况。有人知道为什么会这样吗?