覆盖垫树的填充

Question

我在这里使用这个例子来构建一个mat-tree使用 flat 的datasource. 现在我想重写默认padding-left是40px为所有的孩子之后。这就是我的做法：

mat-tree-node:not(:first-child) {
    padding-left: 16px;
}

这有效，但仅16px在树节点的第 2 级设置填充。当我继续扩展它们时，其余的嵌套子级不会累积 16px。是否可以覆盖matTreeNodePadding指令？

Answer 1

我可以使用此处的 api 文档来解决该问题。matTreeNodePadding在这种情况下，必须传入选择器输入以进行缩进。

<mat-tree-node matTreeNodePadding matTreeNodePaddingIndent="20">

这会将现有的默认 40 像素左填充覆盖为 20 像素。