html - 像树一样渲染嵌套列表

Question

我将如何在最后一个元素处制作垂直边框？

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

由此：

不需要的列表

对此：

通缉名单

score 7 · Accepted Answer

7

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

于 2012-09-11T02:57:25.170 回答

score 2 · Accepted Answer

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

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

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

2 回答 2