カウント数が多いほど要素をフェードアウトさせるにはどうすればよいですか？

Question

私のHTML ...

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

だから私はアイテム5は、不透明度1または0.9を言う持っている最も見えIEの不透明度0.1とアイテム1になりたい、このようになります..私は明らかにそれはに基づいんでしたその値はハードコードされたそれぞれの子の数値ですが、私はCSSのように、オブジェクトの数が与えられたら、より低い不透明度の値を適用すると言う方法があります。

非エレガントな解決策は、CSSルールを持っているだろう。..

.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 } 

Answer 1

これだけではCSSで実現することができない、あなたは、LESS CSSを使用することができ、これは非常に簡単になります。 LESS CSSを使用しない場合は、JavaScriptまたはjQueryを使用できます。あなたがそれを把握することができない場合、私に知らせて、私はLESSのコードを記述しますhttp://lesscss.org/

：ここ

はリンクです。

幸運：D