像樹一樣渲染嵌套列表

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/