Javascript 悬停后是否保留背景图像？

我正在尝试建立一个星级评级类型的系统，我只在这一分钟的css部分的工作。我已经使用css中的背景图像通过如下背景图像将星星替换为亮起的星星：

.hover-stars:hover{
    background-image: url(http://www.softwares.com/img/icons/favorites.png);
    background-repeat: no-repeat;       
}

我想尝试并且知道的是实现一个后悬停效果，这样一旦用户悬停在图像上，图像就会保持在那里。如果可能的话，如果用户再次将鼠标悬停在它上面，请撤消该操作。为了制造错觉，星星跟随用户的鼠标轨迹

我试过这个，但就是不起作用

.hover-stars:hover:after{
    background-image: url(http://www.softwares.com/img/icons/favorites.png);
    background-repeat: no-repeat;
}

---

：after

选择器在元素后面插入内容。所以这不是正确的使用方法。我不相信你要找的东西可以用CSS来完成。您可以通过查看jQuery来为您完成这项任务，方法是将类或类添加到元素上。例如

$(".hover-stars").hover(
function () { $(this).addClass(".hover-star-after")
});​

然后添加您想要添加的额外CSS类

.hover-stars-after {
background-image: url('http://www.softwares.com/img/icons/favorites.png');
background-repeat: no-repeat;
}

---

：after

选择器在元素后面插入内容。所以这不是正确的使用方法。我不相信你要找的东西可以用CSS来完成。您可以通过查看jQuery来为您完成这项任务，方法是将类或类添加到元素上。例如

$(".hover-stars").hover(
function () { $(this).addClass(".hover-star-after")
});​

然后添加您想要添加的额外CSS类

.hover-stars-after {
background-image: url('http://www.softwares.com/img/icons/favorites.png');
background-repeat: no-repeat;
}

---

：after

选择器的意思不是“在某个操作之后”，而是在指定的DOM元素之后。因此，当您执行

.hover stars:hover:after

操作时，您就可以对星号后面的元素进行真正的样式设置。我不认为有一种方法可以通过CSS实现这一点。您可能想看看一些javascript解决方案。

：after

选择器的意思不是“after some action”，而是在指定的DOM元素之后。因此，当您执行

.hover stars:hover:after

操作时，您就可以对星号后面的元素进行真正的样式设置。我不认为有一种方法可以通过CSS实现这一点。您可能想看看一些javascript解决方案。