如何在第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的第4，第5，第6 ......子元素。

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>