Html 如何让第n个子项根据类跳过项目

我有一个系统，可以动态地将类添加到项目中，我希望能够在没有该类的项目上使用：nth-child3n，也就是说，它使用动态类跳过项目

我创建了一个代码笔，演示了我想要什么，并展示了我希望使用的：不起作用，但它不起作用。我希望它将其从所选项目中删除，但它似乎没有这样做：-/

我还尝试将示例中的：nth child替换为：nth类型，这对我来说更有意义，但它没有改变任何东西

---

如果能够在没有JavaScript的情况下做到这一点，那就太棒了。

您可以创建一个覆盖重叠CSS的类。或者你想要一个默认值？如何：nth-of-type3n+1。@ArrayKnight，我真的认为：nth-of-type3n可以工作，但我猜它只适用于元素，或者至少不适用于：not伪选择器。：-编辑看起来ArrayKnight删除了他的评论？@brcrash，那。peel类可以添加到其他和多个项目中，我不知道提前添加哪个项目，所以这不起作用。true class.peel会发生什么情况？我想我无法解释@CWSpear我担心这在纯CSS中是不可能的第n个子元素或：n个类型查找父元素的子元素树，而不是查找element.class或element:not.class的列表。