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

我有一个顶部菜单，上面有一个图标，下面是图标的文本

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

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

-----------------------
|        |      |         |
|图标| ||
----------      -----------
文本问题

使用精灵，我将图标更改为：悬停。 我也有文字的颜色变化：悬停

但是，我想知道是否有可能：

• 在文本悬停时更改图标，然后
• 当图标悬停时更改文本

这是否可以单独使用CSS？

演示（无图像）：

---

​

这样的事情：

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

---

是的，但您需要添加更多的html，以便在悬停时在多个跨距之间切换。您将需要预谋文本，并使跨距可见，而另一个不可见。在使用css悬停时更改这些属性。我在这里可能落后于时代，但这是什么？只是将标记用作背景图像的占位符——以前是斜体——这在Twitter和FB（占位符）上经常使用，那么您将文本更改为什么？我是否误解了这种情况？为什么不将鼠标悬停在

li

.questions

上，以文本和图标为目标？也就是说，当

.questions

悬停时（同时包含图标和文本），两者都会改变。

内容
属性，糟糕！那么
内容是怎么回事
。。。从未使用过它，不知道它是否能在IE7-8上正常运行。。。有什么缺点吗？
.questions:hover i {
    background-image: url(...);
}
.questions:hover {
    color: red;
}