选择具有不同类型孩子的最后一个孩子

Question

我有一个.page div元素，有多个子元素，类型为header，div和footer。

我的目标是为.page元素的最后一个子元素提供更大的余量，但这不起作用：

.page:last-child { margin-bottom:2em; }

这两个都没有：

.page :last-child { margin-bottom:2em; }

我应该如何使用运营商？

编辑：HTML的一个例子：

<div class="page">
    <header>...</header>
    <div class="container">...</div>
    <div class="grayback">...</div>
    <div class="container">...</div>
</div>
<footer>...</footer>

所以我需要第二个容器来获得额外的保证金。

Answer 1

我认为这就是你要找的东西

.page :last-child {
    margin-bottom:2em; 
}

允许任何元素。

Fiddle