在CSS中选择每个二级

Question

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

示例代码：

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

首选结果的可视示例：

注意：无需JavaScript协助;知道等级数量时没有问题。

Answer 1

虽然知道级别数量时没有问题，但是当不已知时，只有CSS才能成为现实，即使你能够锚定最顶层{{1}也不行使用选择器的其他元素。

Answer 2

如何使用不同的标记，例如第二级的跨度和CSS div跨度的目标。

创造这种无限迭代的是什么？