懸停時文本顏色不會改變

Question

我有以下代碼將更改文本時更改按鈕的狀態，即使背式樣式成功應用，文本的顏色也不會更改。

代碼：

.links li { 
    float: left; 
    padding: 5px 5%; 
    margin-right: 5px; 
    background-image: url("../images/button_background.jpg"); 
    color: white; 
    border-radius: 3px; 
} 

.links li:hover{ 
    color: black; 
    background-image: url("../images/button_background_hover.jpg"); 
} 

Answer 1

檢查樣品。我做了兩個樣本 - 一個帶有標籤，一個沒有。

<ul class="links1"> 
    <li><a href="">link 1</a></li> 
    <li><a href="">link 2</a></li> 
    <li><a href="">link 3</a></li> 
    <li><a href="">link 4</a></li> 
</ul> 

<ul class="links"> 
    <li>li 1</li> 
    <li>li 2</li> 
    <li>li 3</li> 
    <li>li 4</li> 
</ul> 

http://jsfiddle.net/es_kaija/rx3avr7r/