jquery - 如何通过 CSS 在滚动时同时更改文本和图像？

Question

我有一个带有图标的顶部菜单 - 在其下方有图标的文本。

----------      -----------
|        |      |         |
|  icon  |      |    ?    |
----------      -----------
   Text          Questions

<li class="questions">
    <a href="/questions" id="questions">
    <i class="questions_icon"></i>
    Questions
    </a>
</li>

使用 sprite 我在 :hover 上更改了图标。我还在 :hover 上更改了文本颜色。

但是，我想知道是否可以:

• 在文本悬停时更改图标 -- 和
• 在图标悬停时更改文本。

这可以单独使用 CSS 吗？

Answer 1

所以像这样:

.questions:hover i {
    background-image: url(...);
}
.questions:hover {
    color: red;
}