需要一些帮助在我的导航上创建第三级菜单

Question

我已经完成了两级导航，并希望添加第三级。。。尽管阅读并试图引用一些其他css代码，如css下拉导航、第三级问题和http://forums.asp.net/t/1758667.aspx/1，我仍然无法使代码正常工作。

我不确定我当前的代码是否允许我创建第三级导航。我不是css向导，但我想检查是否有任何方法可以创建第三级。

我已经添加了第三级的内容，但未能创建CSS使其出现。我试着添加：

#menu li ul li ul { display:none;}
#menu li ul li:hover > ul{display:block; position:absolute; left:150px;}

对我来说css，但第三级没有出现

因此，当我添加时，我想检查第三级是否会出现

#menu li ul ul { display:block;}
#menu li ul li:hover > ul{display:block; position:absolute; left:150px;}

在我的css中出现了第三个级别，但我知道结果会更糟。

我当前代码的JSfiddle是：http://jsfiddle.net/eqNZd/5/

谢谢你帮我。。。对不起，如果我的问题让你感到困惑。。。

第页。S.当我完成导航栏时，我会整理我的代码。。。如果代码不整齐，很抱歉。

Answer 1

这可能是一个很好的起点。我看了你的代码，但它看起来很复杂，所以我修改了我写的一个旧下拉列表。

JSFiddle此处

这是一个非常基本的三层下拉列表。

以下是一些帮助我编写CSS下拉列表的提示：

1. 保持风格和功能分离
2. 保持简单
3. 一旦你完成了一个子菜单，你就完成了无数个子菜单。您所需要做的只是对其他子菜单重复相同的代码，确保在css中选择正确的ul

如您所见，标题ul只需要1个选择器，每个子菜单ul只需要2个选择器即可使菜单发挥作用。你应该能够修改它来做任何你需要的事情。