css - ホバーのボタン内のフォントアイコンの色を変更します

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;
}

そしてこれはフッターリストスパンクラスcssです：

.footerlist:hover {
color: #ddd;
 }

Answer 1

ホバーのボタン内のアイコンの色をターゲットにする最も簡単な方法は、次のようにターゲットにすることです。

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

Answer 2

これは機能するはずです：

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