如何選擇第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>