html - 表 :last-child not working

Question

我有这样的东西

<table>
  <tr>
    <td>First table</td>
  </tr>
</table>

<table>
  <tr>
    <td>Second table</td>
  </tr>
</table>

和下面的 CSS

table {
  margin-bottom:40px;
}
table:last-child {
  margin-bottom:0px;
}

但是第二个表仍然应用了 margin-bottom。做什么？

Answer 1

@Quentin 是正确的，您的代码没有重现您描述的问题。

我要猜猜问题是什么。

table:last-child 并不表示“父元素中的最后一个 table”。

它实际上意味着“父元素中的最后一个元素如果它是一个table”。

例如，给定此 HTML table:last-child 将不会选择任何内容:

<div>
    <table>
        ..
    </table>

    <table>
        ..
    </table>

    <div>I'm the last child</div>
</div>