मैं अपने तत्वों को गिनती संख्या को कैसे बढ़ा सकता हूं?

Question

मेरे एचटीएमएल इस तरह दिखता है ..

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

तो मैं आइटम 5 से कम दिखाई आईई अस्पष्टता .1 और मद 1 के लिए होना चाहता हूँ कहना अस्पष्टता 1 या .9 .. मैं स्पष्ट रूप से उस पर आधारित है सकता है प्रत्येक को हार्ड कोड के लिए यह बच्चा नंबर मानता है लेकिन मुझे लगता है कि सीएसएस में ऐसा लगता है कि ऑब्जेक्ट की गिनती देने के बाद एक कम अस्पष्टता मूल्य लागू होता है।

एक गैर सुरुचिपूर्ण समाधान .. सीएसएस नियम है होगा

.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

अकेले सीएसएस के साथ हासिल नहीं किया जा सकता है, तो आप कम सीएसएस का उपयोग कर सकते हैं और यह बहुत आसान हो जाएगा। यदि आप कम सीएसएस का उपयोग नहीं करना चाहते हैं तो आप जावास्क्रिप्ट या jQuery का उपयोग कर सकते हैं। http://lesscss.org/

आप इसे समझ नहीं कर सकते हैं, मुझे पता है और मैं भी कम समय में कोड लिखेंगे:

यहाँ एक कड़ी है।

अच्छी किस्मत: डी