2013-07-11 12 views
8

nth-child seçiciyle oynuyorum. Sadece> CSS olan n> 4 elemanların ilk elemanı nasıl seçilir?

Ben 4 element her sıraları ile kılavuz var ve benim ilk ve son eleman sırasıyla ui-first-child sınıflarını ve ui-last-child olduğunu varsayalım: Ben yapmak istiyorum ne

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

ilk eleman SADECE eğer seçme orada Saf CSS kullanarak 4 öğeden fazla vardır.

böyle beş unsur vardır Yani eğer:

Ben ilk elemana alt köşelerinde geçersiz kılmak istediğiniz
<el.first><el><el><el> 
<el.last> 

.

Soru:
o elementlerin> 4 sayısı ile elementlerin bir grup birinci elemanı seçmek için son sınıf/saf CSS/n'inci-çocukla mümkün/ilk mi?

Teşekkürler!

+2

Belki de bu size yardımcı olabilir mükemmel çalışıyor: http://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element- – rttmax

cevap

10

belki birisi cevap bulmak istiyorum, ama bu ile geldi tek şey olduğunu ve sorunun bir "> n" için çalışmıyor olmasıdır olduğunu bu yüzden yarım saat bekledi, ama çalışıyor bir "= n" için. yani yalnızca belirli bir sayı için çalışır, bu yüzden sen DÜZENLEME

http://jsfiddle.net/g3PDw/

li:first-child:nth-last-child(4) { 
    /* Whatever here */ 
} 

istediğim şeyi yarım yolu: Dostum Başardım. Bu seferki http://jsfiddle.net/g3PDw/9/

li:first-child:nth-last-child(n+5) 
+0

JS Fiddle 404'leriniz var. –

+1

Bu yeni JS Fiddle tamam –

+1

Seçicinizi '(n + 5)' olarak 'n (n + 4) 'e çevirmeniz gerekir (dört öğe de başarısız olur) (http://jsfiddle.net/g3PDw/7/) , çünkü OP sadece [dörtten fazla] olup olmadığını seçmek istedi (http://jsfiddle.net/g3PDw/8/). Ama cevabın doğru yoldaydı. – ScottS

İlgili konular