href懸停不起作用？

Question

我正在嘗試為網站中的按鈕提供與其他鏈接不同的懸停顏色，但似乎無法正常工作。 我正在嘗試使用CSS做到這一點，而這是到目前為止我得到的：

CSS：

.next-button {
a:hover { color:#3399FF; 
}

HTML：

<p class="next-button" align="right"><font size="2"><a href="#">Next</a></font></p>

為什么此鏈接保持與其他鏈接相同的顏色？

Answer 1

演示

.next-button a:hover {
    color:#39f; 
}

您剛剛多了一個{

Answer 2

.next-button a:hover { 
color:#3399FF; 
} 

Answer 3

懸停屬性與您創建的div類無關

.next-button a:hover { 
   color:#3399FF; 
}

Answer 4

試試這個CSS：

.next-button a:hover { 
color:#3399FF;    
}

HTML：

<p class="next-button" text-align="right">
    <font size="2">
        <a href="#">Next</a>
    </font>
</p>