样式最后一个div与类行

Question

我正在尝试将最后一个div设置为页面上具有margin-bottom的类行，但我似乎无法选择它。

我有这个：

body div.row:last-child { margin-bottom: 3em !important; }

什么都没发生。我做错了什么？

Answer 1

这是你的代码：

http://liveweave.com/muqgZh

使用body>div:last-of-type

Answer 2

- 编辑 -

last-of-type不关心.row。所以，你可以这样做：

JS（jQuery）

$('div.row:last').addClass('last');

CSS

body>div.row.last {
   margin-bottom: 3em !important;
}

您正在寻找:last-of-type

body>div.row:last-of-type {
   margin-bottom: 3em !important;
}

<击>

Answer 3

如果div.row绝对是body中的最后一个元素，那么您提供的内容为should work。

如果是最后一次div，您可以随时尝试:last-of-type（JSFiddle example）。

如果它不是最后一个div但您知道其后有多少其他元素，则可以使用:nth-last-child(n)（JSFiddle example）。

Answer 4

您可以在CSS中选择：

• 每个.row，即父母的最后一个孩子（或:last-of-type），
• .row的最后一个body（或身体最后一个孩子的直接子女或任何已知和固定级别的等级）

但您无法选择HTML代码中出现的最后一个.row，无论其层次结构如何