CSS在重复模式设置背景样式

Question

我有6个单独的div，尽管可能有超过6个孩子的div。我想要实现的是交替背景颜色。因此，前3个div将具有白色背景，接下来的3个 - 黑色背景，接下来的3个 - 白色再次，接下来的3个 - 再次黑色等等。

<div class="parent">
  <div class="child">child 1</div>
  <div class="child">child 2</div>
  <div class="child">child 3</div>
  <div class="child">child 4</div>
  <div class="child">child 5</div>
  <div class="child">child 6</div>
</div>

我已经尝试了一些使用nth-child选择器的方法但是还没有能够实现这种模式。非常感谢。