Css sprite不仅仅坚持mainnav？

Question

请参阅http://bldd.nl/prototypes/megamenu/test23.php

我坚持这一点，如果翻转子菜单导航，你会看到相应的主菜单翻转精灵吗？

我如何解决这个问题并优化css？

Answer 1

您的CSS使用后代选择器：#jobs-news a:hover。

这将匹配a:hover内的任何#jobs-news，即使它实际上在其中一个孩子中也是如此。

最简单的解决方案是将根a元素赋予其自己的类（例如<a class="MainLink" href="#">），然后将悬停选择器更改为#jobs-news a.MainLink:hover。

这样，它与子项不匹配，因为它们没有MainLink类。

如果您不需要支持IE6，您还可以使用子选择器：#jobs-news > a:hover