0

所以我正在做一个 tumblr 主题设计，每个帖子都应该有一个包装容器（.posts-wrapper），它有 66 像素的底部填充、1 像素的底部边框和 84 像素的底部边距，然后在底部有一些页面导航. 我想删除页面最后一篇文章的边距和分隔符，因此导航和最后一篇文章之间没有任何内容，但由于某种原因，我的 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 上正在进行的工作的参考链接：http: //dl.dropboxusercontent.com/u/35202847/writersblock_theme/index.html

也许我很傻，忘记了一些简单的事情。任何见解将不胜感激

4

1 回答 1

1

您的问题是.posts-wrapper您拥有的最后一个 div 不是其父级的最后一个子级。您将<nav>元素作为其后的兄弟元素。

由于您已经在使用 CSS3 选择器，您可以尝试使用:last-of-type伪选择器来获取最后一个.posts-wrapper元素。

.posts-wrapper:last-of-type {
  margin-bottom:0;
  padding-bottom:66px;
  border-bottom:0;
}
于 2013-06-05T03:01:35.263 回答