Почему не работает hover для иконки font awesome?

Question

[Rakfor]

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

Comments

[Ankhena]

Потому что в вашем коде вообще нет ни слова про hover ;)
Намек понятен?

А еще у вас дичь с тегами в принципе.

[Alex]

И почитайте правила сайта.

Answer 1

[nowm]

Hover не работает из-за того, что иконка находится рядом с тегом <a>. А должна быть внутри.

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