无序列表中的无序列表 - 选择特定的行项目

时间:2012-01-13 14:15:37

标签: html css navigation html-lists

我正在使用下拉菜单构建导航。我希望包含无序列表subnav的订单项在悬停时有白色锚文本。我已经这样做但是我的选择器导致了一个下拉行项目的错误。请参阅:http://jsfiddle.net/W3Dzd/ 如果你将鼠标悬停在“自成一体”上并沿着菜单向下运行光标,除了“mantels”之外它工作正常 - 锚文本在悬停时不会改变颜色。 我想现在发生的事情是主导航中第3行项目的选择器也选择了子窗口中的第3行项目。 有人可以建议一个更好的选择器或解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

如果您可以更改生成菜单的代码(或者如果您手动编码则手动更改它们),那么通过将子菜单类应用于父级,您将获得更强大的系统{ {1}}而不是孩子li。您之前的代码是通过复杂的选择器定位特定的列表项,如果您重新排列菜单或添加/删除项目,这些选项将会中断。新代码将毫无问题地处理这些案例。

您可以在此更新的jsFiddle中查看这可能如何运作的示例:http://jsfiddle.net/W3Dzd/4/