我有一个项目正在处理一些简单的CSS按钮,我正在尝试为它们创建一个匹配的下拉菜单。问题是,当我单击子菜单中的项目时,它上面的所有父项也会进入活动状态。我打算使用父选择器,只有它们不存在。以下是演示页面:http://jsfiddle.net/td7bk/4/。
谢谢!
编辑:目前,该演示仅与Firefox完全兼容,因为它使用-moz-transition和-moz-box-shadow属性以及border-radius属性。
答案 0 :(得分:0)
如果你愿意/能够稍微调整你的html,这可以用css。我注意到你有一个span标签包含几个li元素的文本但不是所有的元素所以我不确定这是否是一个要求。
有关示例,请参阅http://jsfiddle.net/td7bk/8/。
另外,如果您想快速提示,请查看调整后的css选择器。简化且更高效。
希望这有帮助!