Html Can'；我得不到那句话：“最后一个孩子”；选择器来处理我的布局。我错过了什么？

因此，我正在进行tumblr主题设计，每篇文章都应该有一个包装容器（.posts wrapper），它有66px的底部填充、1px的底部边框和84px的底部边距，然后在底部有一些页面导航。我想删除页面最后一篇文章上的边距和分隔符，这样导航和最后一篇文章之间就没有任何区别了，但出于某种原因，我的css没有应用

    .index-wrapper {
    background-color: #ffffff;
    min-height: 600px;
}


.posts-wrapper {
    margin: 0 auto;
    margin-bottom: 84px;
    padding-bottom: 66px;
    border-bottom: 1px solid;
}

.posts-wrapper:last-child {
    margin-bottom: 0px !important;
    padding-bottom: 66px  !important;
    border-bottom: 0px solid  !important;
}

.index-post {
    max-width: 960px;
    margin: 0 auto;
    padding:0 50px;
    position:relative;
}

以下是我在dropbox上正在进行的工作的参考链接：

---

也许我太傻了，忘记了一些简单的事情。您的问题是您拥有的最后一个

.posts包装器

div不是其父项的最后一个子项。您将

元素作为它后面的同级元素

由于您已经在使用CSS3选择器，您可以尝试使用

：last类型的

伪选择器来获取最后一个

.posts包装器

元素

.posts-wrapper:last-of-type {
  margin-bottom:0;
  padding-bottom:66px;
  border-bottom:0;
}