CSS是否可以使用其他嵌套样式？

Question

我正在做一个小实验，尝试为嵌套div替换背景颜色。

这是我打算实现的（没有内联样式）：

<div style="background: #fff;">
    <div style="background: #000;">
        <div style="background: #fff;">
            <div style="background: #000;">
                and so on...
            </div>
        </div>
    </div>
</div>

我觉得我一定缺少明显的东西！我尝试过，div:nth-of-type(2n)但这似乎仅适用于一个级别。

这是针对生成div的实验，因此解决方案需要是无止境的（不是沿着div div div div div =
white的界线）。我知道使用JavaScript非常简单，只需 寻找纯CSS解决方案即可 。

Answer 1

正如Lister先生所指出的，nth-of-type在一个级别（所选div的父级）上起作用。

据我所知，在浏览了W3CCSS3选择器之后，似乎没有用于遍历嵌套的任何CSS选择器（>选择器除外，该选择器仅查看父级的直接子级）。

我希望证明事实是错误的，因为那样可能会非常有用。

因此，唯一的（css）解决方案将是您已经说过的解决方案：div > div > div {background: white; }
您难道不就随div的生成一起生成它吗？