（CSS）如何更改多级列表中每个第二个元素的样式规则？

Question

据了解，我不知道列表嵌套的深度。

我想看到类似的东西

• 1
• 2
• 3
  • 3.1
  • 3.2
  • 3.3
• 4
  • 4.1
  • 4.2
    • 4.2.1
    • 4.2.2
• 5

例如，其中粗体元素是彩色的，但是我只能构建这种不准确的变体：

li {
  color: black;
}

li:nth-of-type(odd) {
  color: red;
}

<ul>
  <li>1</li>
  <li>2</li>
  <li>3
    <ul>
      <li>3.1</li>
      <li>3.2</li>
      <li>3.3</li>
      <li>3.4</li>
    </ul>
  </li>
  <li>4</li>
  <li>5
    <ul>
      <li>5.1</li>
      <li>5.2
        <ul>
          <li>5.2.1</li>
          <li>5.2.2</li>
          <li>5.2.3</li>
        </ul>
      </li>
      <li>5.3</li>
    </ul>
  </li>
  <li>6</li>
  <li>7</li>
</ul>

我也将此代码发布在jsfiddle上。