我想做一个树状的菜单，这样我们可以很容易地看到每个页面和它们的父页面之间的关系。
离工作不远了，但我需要你的帮助和想法。
我是这样做的:http://jsfiddle.net/bXCHn/6/
举个例子，如果你把"page 4 - 3 - 2"悬停，它会高亮显示"page 4 - 3"one_answers"page 4"。这是基本的HTML和CSS，如果你删除jQuery脚本，它仍然可以工作。
jQuery允许我们添加一个类来突出显示树中前面每个元素的路径(li边界)。它将不考虑第一级导航:
$(this).prevAll('li:not(.first-lvl-item)').addClass('hover-prev-item');
现在保持与上面相同的示例。您将看到从"page 4"开始的第一行走得太远了(实际上它使用了整个li元素)。我想让它停在"第4 - 3页"前面…
我不知道我是否必须改变我所有的结构，或者我是否应该以另一种方式处理它。我试了很多方法，但都不起作用。
感谢您的帮助
我创建了一个没有Javascript就无法高亮显示的小提琴。不是很好，但是很好用。
css3选项n -of-type仅支持如下所示，此解决方案也是如此:
Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 3.5 (1.9.1) 9.0 9.5 3.1
我在设计上做了一个重做，并基于我在关卡计数前放置的跨度量:)http://jsfiddle.net/bXCHn/10/
还剩下什么要做?重构我使用第n种类型选择器的方式，并尝试通过javascript完成它。目前，它只支持css文件中定义的深度级别。