Nhắm mục tiêu 2 trẻ em đầu tiên hoặc 2 trẻ em cuối cùng

Question

Tôi biết một loạt các lớp giả (con đầu, con cuối cùng, nth-child) nhưng tôi gặp khó khăn khi chọn 2 trẻ đầu tiên trong danh sách hoặc 2 người cuối cùng, danh sách là năng động và thay đổi tất cả các thời gian vì vậy tôi cant mục tiêu dựa trên đếm của

<ul> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
</ul> 

Answer 1

li Đối với hai đứa con đầu tiên, bạn có thể sử dụng:

ul li:nth-child(-n + 2) { 
    color: orange; 
} 

http://jsfiddle.net/nYnSz/1/

Đối với t ông kéo dài hai:

ul li:nth-last-child(-n + 2) { 
    color: orange; 
} 

http://jsfiddle.net/nYnSz/