可以使用CSS反转无序列表中的项目分层？

Question

我有一个无序列表中的项目集合，彼此重叠。我的问题是我需要第一个项目具有最高的z-index然后从那里下来。我可以通过设置z-index手动完成此操作：

http://jsfiddle.net/dp9YD/7/

但我想在不手动设置每个z-index的情况下这样做（不确定这是否可行）。现在如果我不使用z-index，它会像这样呈现：

http://jsfiddle.net/dp9YD/8/

列表后面的项目位于顶部，这正是我所期望的。有没有一种方法可以让它像第一个例子一样呈现，而无需手动指定z-index或使用javascript？

Answer 1

我过去需要做类似的事情。我解决了它是将所有li放在右边并以相反的顺序列出它们。

看到这个小提琴：http://jsfiddle.net/sl1dr/KfK9w/