Css 如何选择嵌套类中最深的最后一个类?

Css 如何选择嵌套类中最深的最后一个类?,css,nested,styles,Css,Nested,Styles,我有如下嵌套类 .mat-nested-tree-node:last-child ul { border-left: 1px solid white; margin-left: -41px; } 我需要访问最后一个mat嵌套树节点类,我尝试如下 .mat-nested-tree-node:last-child ul { border-left: 1px solid white; margin-left: -41px; } 但它将样式应用于所有嵌套的树节点类。如何仅选择最后一

我有如下嵌套类

.mat-nested-tree-node:last-child ul {
  border-left: 1px solid white;
  margin-left: -41px;
}

我需要访问最后一个mat嵌套树节点类,我尝试如下

.mat-nested-tree-node:last-child ul {
  border-left: 1px solid white;
  margin-left: -41px;
}
但它将样式应用于所有嵌套的树节点类。如何仅选择最后一个子项

这是我的编辑器url


任何帮助都将不胜感激

如果要将div的子节点作为目标,可以像
.mat嵌套树节点>.mat嵌套树节点子节点>.mat嵌套树节点子节点>.mat嵌套树节点子节点下一个{}
这样做,依此类推

使用:nth child(n)概念,并为其编写css,使其仅适用于该类