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

我有一个.page div元素，有多个子元素，类型为header，div和footer。选择最后一个有不同类型的子女的孩子

我的目标是给最后一个。第一个元件更大的余量的子元素，但这并不做的工作：

.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>

所以我需要第二个容器有额外的余量。

来源

2013-11-24 Gerard Nijboer

我们需要一些HTML的人...;） –

对不起迈克，你说得对。我在原始文章中添加了HTML。 –

我认为这是你在找什么

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

允许任何元素。

Fiddle

来源

2013-11-24 22:13:27 Last1Here

但是如果我决定添加section-elements作为.page元素的子元素呢？那么这是行不通的。 –

更新了我原来的答案，你说你尝试过的例子工作得很好。 – Last1Here

@Gerard：是的，会的;尽管我认为你最好使用孩子combinator：'.page>：最后一个孩子' –

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

回答

相关问题