如何使我的元素淡出计数值越高？

Question

我的HTML看起来像这样..

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

所以我希望第5项是最不可见的IE不透明度.1和项目1说不透明度1或.9 ..我显然可以根据它的每个硬编码的子编号的值来做,但我觉得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。

这是一个链接： http: //lesscss.org/

如果您无法弄清楚，请告诉我，我会用 LESS 编写代码。

祝你好运：D