使用第 n 个选择器从 1 开始选择每 3 个连续元素 [重复]

Question

我想使用第 n 个子选择器来选择我的元素，如下图示例所示（蓝色元素是需要选择的元素，我将它们涂成蓝色以便参考）。我尝试了很多几乎相似的答案，但无法得到确切的答案。所以，如果有人可以请给我一个解决方案，我将不胜感激。nth child selectors

Answer 1

您可以将:not 选择器与:nth-child 选择器结合使用。

ul li:not(:nth-child(4n)) {
  color: red;
}

<ul>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
  <li>Some text</li>
</ul>