fre*_*ent 8 css css-selectors css3
我正在玩nth-child
选择器.
说我有网格,各有4个元素的行和我的第一个和最后一个元素拥有类ui-first-child
和ui-last-child
分别为:
<ul>
<li.ui-first-child>
<li>
<li>
<li.ui-last-child>
</ul>
Run Code Online (Sandbox Code Playgroud)
我想要做的是,如果使用纯CSS 有超过4个元素,则仅选择第一个元素.
所以,如果有五个这样的元素:
<el.first><el><el><el>
<el.last>
Run Code Online (Sandbox Code Playgroud)
我想覆盖第一个元素的底角.
问题:
纯CSS/nth-child/first/last类是否可以选择元素数> 4的元素组中的第一个元素?
谢谢!
Mil*_*ari 10
我等了半个小时,也许有人会找到答案,但这是我唯一想到的,问题是它不适用于"> n",但它适用于"= N".即它只适用于特定的数字,所以它只是你要求的一半
li:first-child:nth-last-child(4) {
/* Whatever here */
}
Run Code Online (Sandbox Code Playgroud)
编辑:伙计我钉了它.这个完美的工作 http://jsfiddle.net/g3PDw/9/
li:first-child:nth-last-child(n+5)
Run Code Online (Sandbox Code Playgroud)