css - 如何在不显式归因的情况下对表格中除最后一行以外的所有行进行样式设置？

Question

我正在做这样的事情:

$("#accountsTable")
  .append(getHeadersFromJson(json))
  .append(getRowsFromJson(json));
$("#accountsTable")
  .css("border", "3px solid black");
$("#accountsTable th")
  .css("border-bottom", "3px solid black");
$("#accountsTable td")
  .css("border-bottom", "1px solid black");

它看起来不错，只是我注意到最后一行有两个 border-bottom - 一个细的用于TD，一个用于TABLE。我可以忍受这一点。然而，我这个完美主义者有点哭了。

是否有一种 CSS 方法可以删除最后一行样式，而无需在创建过程中实际为其赋予名称、id、样式等属性？

Answer 1

td:last-child { border: none; }

我认为应该这样做。