2014-04-21 31 views
6
div div p:nth-child(1 to 5) 

nasıl n'inci-çocukla birden çok numara seçebilir, bu yüzden yazmak zorunda kalmadan 1 ila 5 alt öğelerini almak:": nth-child()"

div div p:nth-child(1), 
div div p:nth-child(2), 
div div p:nth-child(3), 
div div p:nth-child(4), 
div div p:nth-child(5) { 

} 

Yani bu gibi görünmelidir:

div div p:nth-child(1 to 5) 
+0

SASS veya LESS gibi bir CSS önişlemcisi kullanabilirsiniz - ancak yalnızca yazdığınız aynı şeyi derler. İlginç soru - bunu neden bir satırda sizin için önemli? Tek bir hatta koymak için ne kazanıyorsun? – Adam

cevap

4
div div p:nth-child(1), 
div div p:nth-child(2), 
div div p:nth-child(3), 
div div p:nth-child(4), 
div div p:nth-child(5){ 

} 

Ya

div div p:nth-child(-n+5){ 

} 
+0

Üzgünüm yanlış bir soru, bunu sadece bir satıra nasıl yapabilirim? ve değil: – user3537202

+0

@ user3537202: Cevabımı – potashin

+0

güncellendi Teşekkürler, iyi çalışıyor. Tam olarak ne istedim – user3537202

5
div div p:nth-child(-n+5){ 

} 

Bu ilk 5 çocuk seçecektir.

4
div div p:nth-child(n+1):nth-child(-n+5){ 

} 

ben ne soran yapmalıyım bir JSFiddle bir bağlantı ekledim 5