Question

有谁知道如何用css选择最后一个.foo孩子？

<table>
  <tbody>
    <tr class="foo"></tr>
    <tr class="foo"></tr>
    <tr class="foo"></tr>
    <tr class="foo"></tr> <!-- target -->
    <tr class="boo"></tr>
    <tr class="zoo"></tr>
 </tbody>
</table>

我试过了：

table.payment tbody > tr[class~='one']:last-child

但这不起作用。任何人吗？

Answer 1

好吧，说真的，不可能来实现OP想要单独使用纯CSS。另外，我已经在我的回答中明确提到并将正确的标签标记为重复。现在每个人都可以请停止投票或说出答案是错的吗？

虽然您可以使用last-of-type，但不适用于.class选择器：

:last-of-type CSS伪类表示一组兄弟元素中其类型的最后一个元素。

.foo:last-of-type { /* But doesn't work for class selectors. See below. */
  font-weight: bold;
}

这是要走的路，但它不适用于.class选择器，所以请尝试查看：CSS: How to say .class:last-of-type [classes, not elements!]。我最好的建议是使用 jQuery 或JavaScript来使用.last()选择最后一种类型。

希望这有帮助。

选择具有类名的最后一个孩子

1 个答案: