如何为多层html创建第n个子CSS属性

我目前有一个屏幕，可以在其中将小部件插入DOM。我想根据出现次数设置z索引class

decrement-z-index

exist

我写这门课就是为了达到这个目的

.tblrow > .tblcell > div >  .decrement-z-index:nth-child(1) {
        z-index: 200 !important;
}
.tblrow > .tblcell > div >  .decrement-z-index:nth-child(2) {
        z-index: 199 !important;
}
.tblrow > .tblcell > div >  .decrement-z-index:nth-child(3) {
        z-index: 198 !important;
}
.tblrow > .tblcell > div >  .decrement-z-index:nth-child(4) {
        z-index: 198 !important;
}
[![enter image description here][1]][1]

这里有一条小路

当检查任何具有<代码>减量-z-指数的元素时，它们都会声明这是2次出现

---

请问我如何在这里正确地实现第n个child，以便它正确地选择第n个child

您在错误位置使用的第n个child请尝试下面的代码，希望它能帮助您

.tbl .tblrow:nth-child(1) .decrement-z-index {
    z-index: 200 !important;
}
.tbl .tblrow:nth-child(2) .decrement-z-index {
    z-index: 199 !important;
}
.tbl .tblrow:nth-child(3) .decrement-z-index {
    z-index: 198 !important;
}
.tbl .tblrow:nth-child(4) .decrement-z-index {
    z-index: 197 !important;
}