Öğelerimin sayım sayısını nasıl artırabilirim?

Benim HTML şöyle ..Öğelerimin sayım sayısını nasıl artırabilirim?

<div class=chocolateSandwich> 
    <div>1</div> 
    <div>2</div> 
    <div>3</div> 
    <div>4</div> 
    <div>5</div> 
</div>

Yani diyorum madde 5 0,1 ve madde 1 olması az görünür IE donukluk olmak istiyorum donukluk 1 veya 0,9 .. Açıkçası o dayalı yapabileceği Her bir sabit kodlu için çocuk numarasının değeri, ancak CSS'de olduğu gibi hissediyorum, nesnenin sayımı verildiğinde daha sonra bir daha düşük opaklık değeri uygulayarak söylenmenin bir yolu vardır.

olmayan zarif çözüm,

.chocolateSandwich:nth-child(4) { opacity:.1 } 
.chocolateSandwich:nth-child(3) { opacity:.3 } 
.chocolateSandwich:nth-child(2) { opacity:.5 } 
.chocolateSandwich:nth-child(1) { opacity:.7 } 
.chocolateSandwich:nth-child(0) { opacity:.9 }

kaynak

2012-11-29 John McLear

Hayır, bunun maalesef mümkün olduğunu düşünmüyorum. Ayrıca, CSS'de, indeks 1-tabanlıdır (yani: 'first-child', '' nth-child '(1) 'değil,': nth-child (0) '). –

Ayrıca .chocolateSandwich: nth-child (1) 'olacak, alana dikkat edin. –

Bu yalnız CSS ile elde edilemez .. css kuralları var olacaktır Eğer AZ CSS kullanabilirsiniz ve bu çok kolay hale gelecektir. LESS CSS kullanmak istemiyorsanız JavaScript veya jQuery'yi kullanabilirsiniz. Onu anlamaya yapamıyorsanız http://lesscss.org/

, bana bildirin ve ben AZ kod yazacağım: Burada

bir bağlantıdır.

İyi Şanslar: D

kaynak

2012-11-29 19:36:19 Outcast

Öğelerimin sayım sayısını nasıl artırabilirim?

cevap

İlgili konular