1

我正在尝试用底部边距的页面上的类行来设置最后一个 div 的样式，但我似乎无法选择它。

我有这个：

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

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

4

4 回答 4

3

这是你的代码：

http://liveweave.com/muqgZh

利用body>div:last-of-type

于 2013-03-21T20:07:32.680 回答
0

-编辑-

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;
}

于 2013-03-21T20:02:33.163 回答
0

如果您绝对div.row是body.

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

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

于 2013-03-21T20:03:44.717 回答
0

您可以在 CSS 中选择：

  • 每个.row是他们父母的最后一个孩子（或:last-of-type），
  • 最后.row一个是直接子代body（或 body 的最后一个子代或任何已知且固定的层次结构级别的直接子代）

.row但是无论其层次结构级别如何，您都不能选择最后出现在 HTML 代码中

于 2013-03-21T20:05:52.327 回答