css，最后一个子tr覆盖样式

Question

我有以下样式：

.ant-table-tbody > tr > td {
padding: 8px 0 !important;
height: 48px;
}
.ant-table-tbody > tr:last-child > td {
padding: 8px 0 !important;
height: 48px;
border-bottom: none;
}

最后一个定义几乎是sam，只是我设置了`border-bottom:none`

我怎么能在一节课上写出来？

我试过类似的东西：

.ant-table-tbody > tr > td {
padding: 8px 0 !important;
height: 48px;
&.tr:last-child {
border-bottom: 1px red solid;
}
}

但不起作用

Answer 1

您只需要更正格式

.ant-table-tbody {
> tr > td {
height: 48px;
padding: 8px 0 !important;
}
> tr:last-child > td {
border-bottom: 1px red solid;
}
}