如何仅选择第 3 个之后的子元素或任何位置之后的元素

Question

如何在某个位置后选择子元素？例如：

<ul>
  <li>first</li>
  <li>second</li>
  <li>third</li>
  <li>fourth</li>
  <li>fifth</li>
  <li>sixth</li>
  <li>seventh</li>
</ul>

我想选择li第一个、第二个和第三个转义的所有项目。

Answer 1

使用nth-child具有适当偏移量的选择器。

n取从 0, 1, 2... 开始的值，因此这将选择ul.

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

<ul>
  <li>first</li>
  <li>second</li>
  <li>third</li>
  <li>fourth</li>
  <li>fifth</li>
  <li>sixth</li>
  <li>seventh</li>
</ul>