n个倒数第二个孩子或最后一个孩子不工作

Question

我有一些无法正常工作的代码，我不确定为什么。

html看起来像这样：

<section>
</section>

<section>
</section>

<section>
</section>

<section>
</section>

CSS如下：

 section {
      min-height: 200px;
}

 section:nth-child(odd) {
      background: #F5E9DE;
}

 section:nth-child(even) {
      background: #fefcfb;
}

 section:nth-last-child(2) {
      background: #B97459;
}

 section:last-child {
    background: #38292c;
}

提琴： https://jsfiddle.net/bxuzs3g0/8/

这个想法很简单，交替使用奇数和偶数背景，然后最后两节应具有特定的背景颜色。这样，我可以根据需要设置任意多个部分，但是最后两个部分始终具有特定的背景颜色。

我不确定自己在做什么错，我尝试过nth-last-child(1)和last-child，但是由于某种原因，这两种组合都不适合我。

我知道这可能很简单，有人能指出我正确的方向吗？

谢谢，
乔什