2013-10-11 11 views
8

私は疑似クラス(最初の子供、最後の子供、n番目の子供)の束を知っていますが、リストは動的であり、すべての時間を変更するので、私はあなたが使用できる最初の2人の子供のために李さん最初の2人の子供または最後の2人の子供をターゲットにする

<ul> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
</ul> 
+0

持っていますか?リストにクラスを追加できますか? – CDub

+0

また、jQueryを使用してこれを行うこともできます。 – CDub

答えて

13

カウントに基づいてターゲットをカント:tについて

ul li:nth-child(-n + 2) { 
    color: orange; 
} 

http://jsfiddle.net/nYnSz/1/

を彼の最後の2:あなたは、コードへのアクセスを

ul li:nth-last-child(-n + 2) { 
    color: orange; 
} 

http://jsfiddle.net/nYnSz/

+1

-nがセレクタで何をするのか説明できますか? – Kierchon

+0

それはうまくいくのでしょうか? –

+5

@Deekey:それらを試してみるためのフィドルリンクがあります。それらをクリックしてみてください。 – BoltClock

関連する問題