2012-04-25 15 views
3

私はさまざまな量の子要素を持っているという問題がありました。 マイ:上書きできる唯一の子、::直前に入ってと:最初の子のみの1子がある場合、最後の子:私が試したCSSセレクタ:child(> n)?

少なくとも3人の子供があるときに最初-子規則は、適用されるべきですしかし、2人の子供がいたら、私には問題があります。 nよりも子供が多いときにのみ適用されるセレクタがありますか?

+1

意味ですか?いいえ、あなたはJavascriptが必要です。 –

答えて

13

:nth-child(n+3)セレクタを使用してください(3はn番目の最小の子です)。

:last-child:nth-child(n+3) { 
    /* Selects the last child which is at least the third child */ 
} 

デモ:あなたは以上の3人の子供がある場合は、_all_のお子様には適用するスタイルが、_のみ_をしたいhttp://jsfiddle.net/vCZ9A/

+0

これらの疑似セレクタのブラウザサポートは素晴らしいとは限りません。 –

+0

@JezenThomas OPはすでにcss3プロパティを使用しています。彼はIEに興味がないということを意味します – sandeep

+0

@sandeep彼が興味を持っていることはわかりません。なぜなら、彼がCSS3で何かを作っているからといって、彼がブラウザのサポートと考えているわけではありません。 –