Html a href悬停不工作？

我试图给我的网站中的按钮一个不同的悬停颜色的其他链接，但它似乎没有工作。我正试图用CSS来实现这一点，目前为止，我得到了以下几点：

CSS:

HTML:

为什么此链接与其他链接保持相同的颜色？

你刚才有一个额外的

{

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

你刚才有一个额外的

{

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

你刚才有一个额外的

{

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

---

您刚刚有一个额外的

{

悬停属性与您创建的div类没有关联

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

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

---

悬停属性与您创建的div类不关联

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

---

悬停属性与您创建的div类不关联

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

---

悬停属性与您创建的div类不关联

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

试试这个CSS：

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

HTML:

试试这个CSS：

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

HTML:

试试这个CSS：

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

HTML:

试试这个CSS：

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

HTML:

。下一个按钮a:hover{color:#3399FF；}。下一个按钮a:hover{color:#3399FF；}。下一个按钮a:hover{color:#3399FF；}。下一个按钮a:hover{color:#3399FF；}