html 单击选择一行,html – 仅选择带有css的表中的第一行

我在

HTML页面中有很多表,其中一些只使用tr&其他人正在使用他们所能做的一切：thead,tbody,tfoot,tr,th& TD.

因为一些问题我们使用CSS规则来制作表格的左上边框和每个td都有自己的右边框和下边框.

因为这个特殊的东西,我们需要在所有四个角落中获得td并围绕它们的特定角落.

如何才能执行只能选择表中第一行的单个规则？

到目前为止,我正在使用此规则：

table.unit tr:first-child td:first-child, table.units thead tr:first-child th:first-child {

border-top-left-radius: 10px;

}

table.unit tr:first-child td:last-child, table.units thead tr:first-child th:last-child {

border-top-right-radius: 10px;

}

>有没有办法同时解决这两个实现？

>如果有,我该怎么办？

>如果没有,你能帮我找出最佳方法吗？

P.S.：我可以改变表格的元素,但它会在第三方库中进行更多的重构,所以我们不想改变它.