html - 同时悬停 2 个 div

Question

你好，我有一个按钮列，我试图让它改变背景颜色和他的元素颜色，但我在改变其中一个元素是来自很棒的字体的图标时遇到了一些麻烦，我离开了我的代码:

HTML:

<a href="">
<div class="col-xs-4 bordered-right btn-dashboard">
<p class=""><strong>TITLE</strong></p>
     <h4><i  class="fa fa-wheelchair"></i></h4>
        <p><small>Subt Title</small></p>
</div>
</a>

CSS:

.col-xs-4.btn-dashboard:hover {
    background-color: #35b34c;
    color: white;
}

.col-xs-4.btn-dashboard.fa-wheelchair:hover{
    color:white;
}

Answer 1

将 .col-xs-4.btn-dashboard.fa-wheelchair:hover 更改为 .col-xs-4.btn-dashboard:hover .fa-wheelchair.