更改悬停按钮上的字体图标颜色

Question

在我的网站（开发中）http://www.stefaanoyen.be的页脚中，有3个按钮，在文本前面有一个箭头。箭头是图标字体，我希望它在按钮悬停时更改颜色（如按钮文本一样）。

任何想法如何做到这一点？

这是我的html：

<a class="footerbutton"><span class="footerlist">X</span>Vraag offerte</a> 

这是按钮：悬停的CSS：

a:hover.footerbutton { 
background-color: #B61618; 
color: #ddd; 
border: none; 
text-decoration: none; 
} 

这是footerlist跨度类CSS：

.footerlist:hover { 
color: #ddd; 
} 

Answer 1

目标悬停按钮内部图标的颜色最简单的方法是将目标像这样：

.footerButton:hover .footerlist { 
    color: #ddd; 
} 

Answer 2

这应该工作：

a:hover.footerbutton:hover .footerlist { 
    color: #ddd; 
}