html - CSS 下拉菜单（当子元素处于活动状态时阻止父元素处于活动状态）

Question

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

谢谢！

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

Answer 1

如果您愿意/能够稍微调整您的 html，只需使用 css 即可。我注意到您有一个跨度标签，将文本包装在几个 li 元素中，但不是全部，所以我不确定这是否是必需的。

有关示例，请参见http://jsfiddle.net/td7bk/8/ 。

此外，如果您想快速获得提示，请查看调整后的 css 选择器。更简单更高效。

希望这可以帮助！