HTML删除特定边框

Question

我想删除最后一行的边框，所以看起来就像是一个间隙。有什么建议么？谢谢！

Answer 1

删除最后一行单元格的边框

tr:last-of-type td {
  border: none;
}

Answer 2

如果您希望它看起来像是空隙，请使用pseudo-selectors

table tr:last-child td{
    border: none;
}

Answer 3

您可以使用第n个类型的伪选择器在特定类型的第n个元素上使用。

   <style>
    tr:nth-of-type(n){
        border: 0px;
    }

</style>

尽管不建议在HTML中使用样式标签。您始终可以使用单独的CSS文件。

或者，对于第一个和最后一个元素，也可以使用first-of-type和last-of-type。