2013-10-11 23 views
8

Bir grup sahte dersi (ilk çocuk, son çocuk, n = çocuk) biliyorum, ancak listedeki ilk 2 çocuğu veya son 2 çocuğu seçmekte sorun yaşıyorum. liste dinamiktir ve ben li enİlk 2 çocuğu veya son 2 çocuğu hedefleme

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

kod erişiminiz var mı? Listeye ders ekleyebilir misin? – CDub

+0

Veya daha iyisi, jQuery'yi kullanarak bunu yapabilirsiniz. – CDub

cevap

13

ilk iki çocuk için kullanabileceğiniz sayma dayalı hedef edemem bu yüzden her zaman değiştirir:

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

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

için t O ikisini son:

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

http://jsfiddle.net/nYnSz/

+1

Seçicide -n'nin ne olduğunu açıklayabilir misiniz? – Kierchon

+0

işe yarayacak mı? –

+5

@Deekey: Fiddle bağlantıları onları denemeniz için var. Onları tıklamayı dene. – BoltClock

İlgili konular