如何通過CSS在滾動時改變文字和圖片？

Question

我有一個頂部菜單，有一個圖標 - 下面有圖標的文本。

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

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

使用一個精靈我有圖標上的變化：懸停。 我也對文字顏色進行了更改：懸停。

不過，我會升想知道是否有可能：

• 變化的圖標文本時徘徊 - 而當圖標懸停
• 更改文本。

這是否可以單獨使用CSS？

Answer 1

因此，像這樣：

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

Answer 2

DEMO（無圖像）：http://jsfiddle.net/kFkcV/

.container::after { 
    content: "Hello World"; 
} 

.container::before { 
    content: /images/icon1.png; 
} 

.container:hover:after { 
    content: "Hover World!"; 
} 

.container:hover:before { 
    content: /images/icon2.png; 
}