8

我正在玩nth-child选择器。

假设我有每行 4 个元素的网格,我的第一个和最后一个元素分别具有ui-first-child和类ui-last-child

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

我想做的是仅当使用纯 CSS的元素超过 4 个时才选择第一个元素。

因此,如果有五个这样的元素:

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

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

问题:
是否可以使用纯 CSS/nth-child/first/last 类来选择元素数 > 4 的一组元素中的第一个元素?

谢谢!

4

1 回答 1

10

我等了半个小时,也许有人会找到答案,但这是我想出的唯一方法,问题是它不适用于 a "> n",但它适用于 "= n”。即它只适用于特定的数字,所以它是你要求的一半

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)
于 2013-07-11T14:07:14.357 回答