我正在玩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?
谢谢!
解决方法
我等了半个小时,也许有人会找到答案,但这是我唯一想到的,问题是它不适用于“> n”,但它适用于“ = n“.即它只适用于特定的数字,所以它只是你要求的一半
li:first-child:nth-last-child(4) { /* Whatever here */ }
编辑:
老兄,我把它钉了下来.这一个很完美
http://jsfiddle.net/g3PDw/9/
li:first-child:nth-last-child(n+5)