Нужно изменить цвет features_icon при наведении курсора на features_link. Искал до этого ответы, но ни один не помог. Возможно ли это реализовать только на CSS?
Код:
.features_element {
margin-top: 140px;
}
.features_link {
color: #9fa9a9;
text-decoration: none;
font-weight: 400;
font-size: 20px;
}
.features_icon {
margin-top: 140px;
color: #9fa9a9;
margin-right: 45px;
font-size: 48px;
}
<ul class="features_list">
<li features_element><i class="far fa-heart fa-fw features_icon"></i><a href ="#" class = "features_link">features</a></li>
<li features_element><i class="fas fa-briefcase fa-fw features_icon"></i><a href ="#" class = "features_link">features</a></li>
<li features_element><i class="fas fa-leaf fa-fw features_icon"></i><a href ="#" class = "features_link">features</a></li>
<li features_element><i class="fas fa-thumbtack fa-fw features_icon"></i><a href ="#" class = "features_link">features</a></li>
<li features_element><i class="fas fa-umbrella fa-fw features_icon"></i><a href ="#" class = "features_link">features</a></li>
</ul>