：nth-​​child（）和：nth-​​of-type（）不起作用

Question

这是一个大大简化了我的代码的codepen，但仍然无法正常工作。 ：nth-​​child在w3schools交互式编码页面上工作，因此它不是我的计算机。

.postPrevWrap:nth-child(odd) {
  background: red;
}

<div class="postPrevWrap">
  <div class="postPrev">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  </div>
  <div class="postPrev">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  </div>
</div>

https://codepen.io/anon/pen/dQzYwj

我在做什么错了？

Answer 1

:nth-child应该应用于子项本身，而不是包装器：

所以代替：

.postPrevWrap:nth-child(odd)

执行此操作：

.postPrev:nth-child(odd)