如何从DOM树中选择第n个类迭代？

Question

我正在寻找第n个类型的子代选择器。

我的DOM树中共有一个类.class-name，总共显示7次。

如何选择所述课程的第3次迭代或第4次迭代？

（该类作为父元素具有不同的元素（对其应用了不同的类）

我尝试了这段代码，但它不起作用： （因为nth-of-type指向直接父级，并且我希望它适用于BODY元素，BODY元素是祖先）

    .class-name:nth-of-type(3) {margin-top: -215px;}
    .class-name:nth-of-type(4) {margin-top: 34px;}
    .class-name:nth-of-type(5) {margin-top: -115px;}
    .class-name:nth-of-type(6) {margin-top: 455px;}
    .class-name:nth-of-type(7) {margin-top: 545px;}

（使用所述类的全部原因是能够在整个DOM树中选择其第N个迭代，以避免使用更复杂的选择器规则来针对每个祖先的麻烦）

P.S。与此处发布的问题（Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?）相比，这是一个更清晰的示例。 它是相关的，但不是重复的。