html - 在唯一的表行中取最后一个 child 而不是第一个 child

Question

我有以下 CSS:

table tbody tr:last-child td {
  padding-top: 7px;
  border-bottom: 0;
}

table tbody tr:first-child td {
  padding-top: 6px;
}

现在我的表格可能只有一行。
唯一的表格行现在分配给 first-child 而不是 last-child，但我希望它是相反的。

有没有不用 Javascript 的方法？

Answer 1

这不可能。您的标记中一定有错误。如果它确实是唯一的 tr，则 last 和 first 都将匹配。

See example

但是，将应用哪个 CSS 取决于您的 css 规则的顺序。因此，您可以通过相应地放置规则来确定 padding-top: 7px; 或 padding-top: 6px; 是否适用。

编辑:

因为你的问题是由一个插件引起的，它会在最后自动插入一行，你可以简单地使用 :nth-last-child(2) 来匹配倒数第二个元素。
_{(但是请注意，浏览器对 nth-last-child 的支持比 last-child 稍差)}