Html 将：n个子项与：not（）选择器组合

我正在尝试学习css，但遇到了一些问题。如何从计数中选择除不可侵犯块之外的每三个块

当我使用div.col-12:nth-child3n+3{background:blue}时，它不能正常工作，将不可见块与所有其他块一样计算。我试图添加：not[id=invisible]，但它根本不起作用

第12分栏：第n-child3n+3{ 背景：蓝色 } 链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

编辑 ：第n个类型&:not 演示2 由于OP无法修改动态呈现的HTML？-我们可以使用：not选择器和类型count的：n的负起点。这是下面的第一个规则集，几乎可以使用，但第一个规则集col-12是蓝色的。因此，下面的第二个规则集将第一个.col-12改回白色。再次使用：not的原因是：第一个规则集中的：notinvisible具有非常高的特异性，因为使用了一个id-将.col-12添加到第二个规则集中比第一个规则集具有更高的特异性

：第n种类型 演示1 将“不可见”更改为除a以外的任何内容，然后使用：n的类型。类型的第n个只考虑像div或section这样的标记名，所以通过将不可见更改为另一个标记，您将排除它。还可以使用子组合器>将其锁定。在您的布局中，有许多s，因此：

所有的孩子都是孩子。另一方面：

缩小可能性。父母的直接后代或子女，然后只考虑父母的子女。现在，BULL1和.BROB2从未被认为它不会影响你的布局，因为3N，但是最好在将来考虑它。p> 演示1 上校12{ 轮廓：3件红色虚线 } 主体>分割>分割：第n种类型3n{ 背景：蓝色 } 链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

链接

一些文本

---

这是一个显而易见的很好的解决方案，但我的任务是不涉及html代码，只编写一个css选择器。这可能吗？使用CSS？我不知道。这就是为什么我尝试使用最具语义的标记，我很少使用或。对我来说，使用s和s是一种代码味道。你能使用jQuery/JavaScript吗？@Pavel我想我知道了。见答案。不过，我忘了将“不可见”改回a，很抱歉。最接近的是：body>div>div:nth-of-type3n-2，但第一个。col-12是蓝色的。它仅与修改后的“不可见”标记一起工作，以仍然计数错误。可能的重复不会解决您的问题，但是请注意，您可能应该使用class=invisible而不是id=invisible—一个id在一个页面中必须是唯一的，这意味着如果您使用id，最多可以有一个不可见的块，其中任意数量的元素都可以具有相同的类。

body > div > div:nth-of-type(3n-2):not(#invisible) {
  background: blue
}
body > div > div.col-12:first-of-type:not(#invisible) {
  background: white 
}

div:nth-child(3n+3) //The +3 might be a reaction to the unexpected results?

body > div > div:nth-of-type(3n)