8

nth-childセレクターで遊んでいます。

それぞれ 4 つの要素の行を持つグリッドがあり、最初と最後の要素にはそれぞれui-first-childと のクラスがあるとしui-last-childます。

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

私がやりたいことは、純粋な CSS を使用する要素が 4 つ以上ある場合にのみ、最初の要素を選択することです。

したがって、次のような 5 つの要素がある場合:

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

最初の要素の下隅をオーバーライドしたい。

質問:
純粋な CSS/nth-child/first/last クラスを使用して、要素数 > 4 の要素グループの最初の要素を選択することは可能ですか?

ありがとう!

4

1 に答える 1

10

誰かが答えを見つけられるように30分待ちましたが、これが私が思いついた唯一のものであり、問​​題は> 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 に答える