像树一样渲染嵌套列表

Question

如何在最后一个元素处设置此停靠点的垂直边框？

它只能与CSS3 /现代浏览器兼容。但需要在各种背景下工作（即透明）。

http://jsfiddle.net/ShgD6/

由此：

对此：

Answer 1

我通过修改这个小提琴中的css解决了这个问题：

http://jsfiddle.net/YYdwc/2/

Answer 2

您可以使用CSS :last-child伪类选择最后一个列表项，如下所示：

ul li:last-child {
    height: 0.7em;
}

设置它的高度为0.7em似乎对我有用，切断左边界的尾巴。我在我的小提琴中添加了一些嵌套组，以表明即使内容发生变化并添加了更多嵌套组，它也能正常工作。

http://jsfiddle.net/wdages/sC5pc/3/