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

前端之家收集整理的这篇文章主要介绍了如何仅使用CSS选择n> 4个元素的第一个元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在玩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/

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

li:first-child:nth-last-child(n+5)
原文链接:https://www.f2er.com/css/215995.html

猜你在找的CSS相关文章