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>

使用第n个选择器

1 个答案: