sprite - Css sprite 不只停留在 mainnav 上？

Question

我被这个困住了，如果你翻转子菜单导航，你会看到相应的主菜单翻转精灵吗？

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

score 0 · Accepted Answer

您的 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

1 回答 1