Question

首先，我真的很抱歉我的上一篇文章，但我真的需要帮助，我会提供一个更清晰的代码，我真正想要的。我不擅长javascript，所以希望你能帮助我。

<span class="rating ipsType_smaller">
                <a href="" id="topic_rate_1" title="Rate topic 1 star">
                <i class="fa fa-star-o fa-lg rate_img"></i>
                </a>
                <a href="" id="topic_rate_2" title="Rate topic 2 stars">
                <i class="fa fa-star-o fa-lg rate_img"></i>
                </a>
                <a href="" id="topic_rate_3" title="Rate topic 3 stars">
                <i class="fa fa-star-o fa-lg rate_img"></i>
                </a>
                <a href="" id="topic_rate_4" title="Rate topic 4 stars">
                <i class="fa fa-star-o fa-lg rate_img"></i>
                </a>
                <a href="" id="topic_rate_5" title="Rate topic 5 stars">
                <i class="fa fa-star-o fa-lg rate_img"></i>
                </a>
</span>

好的，这是html。 IPB制作了所有内容，但我想用javascript进行小编辑。没有问题，如果它会改变CSS的html都是相同的，所以这就是我在想的：

当我悬停在星星2上时，星星1和星星2会有相同的新类别，或者会改变为新的东西当我登上明星4，明星4和明星4之前的所有明星将有新的同一类或将改变为同样的新事物

当我点击星星4或任何星星2时，新类将被添加到此类。

这可以通过javascript完成吗？

Answer 1

当然你可以在JS中完成它，但也只能用CSS。

假设你想改变背景，

.rating:hover > a {
    background: red;         /* Set it for all elements */
}
.rating > a:hover ~ a {
    background: transparent; /* Unset it for following elements */
}

Demo

Javascript替换

1 个答案: