悬停CSS3由其他元素强制

Question

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

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

Answer 1

如果您真的想坚持使用纯CSS3，可以将两个对象放入容器中并定义此容器中的颜色。如有必要，请在下拉列表中覆盖它。

Answer 2

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