2013-10-11 55 views
8

我知道一群伪类(第一孩子,最后孩子,第n孩子),但我无法选择列表中的前2个孩子或最后2个孩子,名单是动态的,时刻都在变化,所以我不能基于计数里的针对前2个孩子或最后2个孩子

<ul> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
</ul> 
+0

你有访问代码?你可以添加类到列表中吗? – CDub

+0

或者更好的是,你可以使用jQuery来做到这一点。 – CDub

回答

13

对于前两个孩子,你可以使用目标:

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

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

当t他近两:

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

http://jsfiddle.net/nYnSz/

+1

你能解释一下-n在选择器中做什么吗? – Kierchon

+0

它会正常工作吗? –

+5

@Deekey:小提琴链接在那里供您试用。尝试点击它们。 – BoltClock