CSS下拉菜单(当子元素为时,停止父元素处于活动状态)

时间:2012-03-01 15:41:14

标签: html css css3 drop-down-menu activestate

我有一个项目正在处理一些简单的CSS按钮,我正在尝试为它们创建一个匹配的下拉菜单。问题是,当我单击子菜单中的项目时,它上面的所有父项也会进入活动状态。我打算使用父选择器,只有它们不存在。以下是演示页面:http://jsfiddle.net/td7bk/4/

谢谢!

编辑:目前,该演示仅与Firefox完全兼容,因为它使用-moz-transition和-moz-box-shadow属性以及border-radius属性。

1 个答案:

答案 0 :(得分:0)

如果你愿意/能够稍微调整你的html,这可以用css。我注意到你有一个span标签包含几个li元素的文本但不是所有的元素所以我不确定这是否是一个要求。

有关示例,请参阅http://jsfiddle.net/td7bk/8/

另外,如果您想快速提示,请查看调整后的css选择器。简化且更高效。

希望这有帮助!