Why doesn't hover work for font awesome icon?

Question

css

<div class="previewLinks">
               <div class="previewLinks1">
<i class="far fa-star"></i><a href="#">Рейтинги</a>участников
</div>

Answer 1

Hover doesn't work because the icon is next to the tag <a>. And it should be inside.

<div class="previewLinks">
    <div class="previewLinks1">
        <!-- Неправильно -->
        <i class="far fa-star"></i><a href="#">Рейтинги</a>участников
        <!-- Правильно -->
        <a href="#"><i class="far fa-star"></i> Рейтинги</a> участников
    </div>
</div>