html - 「:last-child」セレクターをレイアウトで動作させることができません。私は何が欠けていますか？

Question

だから私はtumblrテーマのデザインに取り組んでおり、各投稿には66pxのボトムパディング、1pxのボトムボーダー、84pxのボトムマージンを持つラッピングコンテナ（.posts-wrapper）が必要で、下部にいくつかのページナビゲーションがあります. ページの最後の投稿でマージンとディバイダーを削除して、ナビゲーションと最後の投稿の間に何もないようにしたかったのですが、何らかの理由で私の 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;
}

ドロップボックスで進行中の作業への参照リンクは次のとおりです: http://dl.dropboxusercontent.com/u/35202847/writersblock_theme/index.html

多分私はばかげていて、簡単なことを忘れていました。どんな洞察も大歓迎です