html - 在 CSS 中选择每个第二层

Question

您将如何仅使用 CSS选择无限级别堆栈中的每一级？

示例代码：

<div>
    1
    <div>
        2
        <div>
            3
            <div>
                4
                <div>
                    5
                    <div>
                        [...]
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

首选结果的视觉示例：

注意：不需要 JavaScript 帮助；当级别数已知时，没有问题。

Answer 1

虽然知道级别数时没有问题，但如果不知道级别数，那么仅使用 CSS 就变得不可能，即使您能够div使用选择器将最顶层锚定到其他一些元素也是如此。

Answer 2

那么不同的标签呢，比如第二级的 span 和 CSS div span 中的 target。

是什么造成了这种无限迭代？