奇数级和偶级级后代的CSS选择器？

Question

当寻找区分奇数和偶数级别后代的CSS选择器时，我发现它的尝试不足。它应该是可伸缩的，它应该适用于任何数量的嵌套div。

在这个例子中，它意味着将奇数和偶数级别的后代着色为红色和蓝色。

有没有办法用CSS做，或者使用其他方法？

＆＃13;

＆＃13;

#parent div {
  background-color: red;
}
#parent div div {
  background-color: blue;
}

div {
  padding: 5px 0px;
}

＆＃13;

<div id="parent">
  <div>
    <div>
      <div>
        <div>
          <div>
            <div>

            </div>
          </div>
        </div>
        <div>
          <div>

          </div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div>

    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;