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/

如果你无法弄明白，请告诉我，我会把这些代码写进去。

祝你好运：D

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

1 个答案: