html - 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

DEMO

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

你刚刚有一个额外的{