我正在玩nth-child
选择器。
假设我的网格包含每行4个元素,而我的第一个和最后一个元素分别包含ui-first-child
和ui-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?
谢谢!
答案 0 :(得分:10)
我等了半个小时,也许有人会找到答案,但这是我唯一提出的问题,问题在于它不适用于&#34 ;&GT; n&#34;,但它适用于&#34; = n&#34;。即它只适用于特定的数字,所以它只是你要求的一半
li:first-child:nth-last-child(4) {
/* Whatever here */
}
编辑: 老兄,我把它钉了下来。这一个很完美 http://jsfiddle.net/g3PDw/9/
li:first-child:nth-last-child(n+5)