在悬停另一个div时更改div CSS

Question

我正在尝试创建一个非常简单的javascript下拉菜单。该菜单按预期工作，除非我onmouseout div使得下拉div可见它失去了它的背景颜色。因此，当我将鼠标移到＃m2上时，我希望#sddm li a：hover保持活动状态。 我是否需要jquery，或者可以在javascript中完成吗？

http://jsfiddle.net/6ZzK2/

Answer 1

这样做：

#sddm li:hover,
#sddm li:hover a,
#sddm li a:hover {
    background: #fff; color: #000;
}

http://jsfiddle.net/cdBZC/

至少在FF8.0中有效。您可能遇到问题的唯一浏览器是IE版本6/7，他们可能不支持:hover上的li伪类。我不确定。