由其他元素强制悬停 CSS3答案

【问题标题】：hover CSS3 forced by other element由其他元素强制悬停 CSS3
【发布时间】：2012-03-06 21:54:16
【问题描述】：

嘿，我想做一个纯 CSS3 下拉导航。如果您悬停第一个项目，它会更改背景并打开下拉子元素。这没关系。但是，如果我悬停下拉元素，更改的背景会重置，就像它没有悬停一样。

如何更改因悬停其他元素而强制的元素样式？

【问题讨论】：

【解决方案1】：

如果您真的想坚持纯 CSS3，您可以将两个对象放入一个容器中并在该容器中定义颜色。如有必要，在下拉子项中覆盖它。

【讨论】：

【解决方案2】：

here's a quick CSS only dropdown。保留背景的技巧是将悬停样式设置为主菜单项，而不是子菜单项。像悬停这样的事件，像 JS，冒泡。悬停孩子也意味着悬停父母。

【讨论】：