在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使用选择器将最顶层元素锚定到其他某个元素也是如此。