如何仅使用CSS选择n> 4个元素的第一个元素?

时间:2013-07-11 13:13:59

标签: css css3 css-selectors

我正在玩nth-child选择器。

假设我的网格包含每行4个元素,而我的第一个和最后一个元素分别包含ui-first-childui-last-child类:

<ul>
 <li.ui-first-child>
 <li>
 <li>
 <li.ui-last-child>
</ul>

我想要做的是选择第一个元素,如果有超过4个元素使用纯CSS。

所以,如果有五个这样的元素:

 <el.first><el><el><el>
 <el.last>

我想覆盖第一个元素的底角。

问题:
纯CSS / nth-child / first / last类是否可以选择元素组的第一个元素&gt; 4?

谢谢!

1 个答案:

答案 0 :(得分:10)

我等了半个小时,也许有人会找到答案,但这是我唯一提出的问题,问题在于它不适用于&#34 ;&GT; n&#34;,但它适用于&#34; = n&#34;。即它只适用于特定的数字,所以它只是你要求的一半

li:first-child:nth-last-child(4) {
    /* Whatever here */
}

http://jsfiddle.net/g3PDw/

编辑: 老兄,我把它钉了下来。这一个很完美 http://jsfiddle.net/g3PDw/9/

li:first-child:nth-last-child(n+5)