像树一样渲染嵌套列表

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/