Css 锚样式有问题

我有一个样式做如下

/*------------this css is an internal css in the html page-------------*/

<style>
.rating_star
  {
      background-image: url('<?php echo base_url();?>assets/front_assets/images/star_hv.gif');
  }

.rating_star hover
  {
      background-image: url('<?php echo base_url();?>assets/front_assets/images/star.gif');
  }
</style>

/*------此css是html页面中的内部css-------------*/
.评等(星号)
{
背景图片：url（'assets/front_assets/images/star_hv.gif'）；
}
.U星悬停
{
背景图片：url（'assets/front_assets/images/star.gif'）；
}

下面是HTML部分：

<a href="javascript:void(0);" onclick="
        var i='<?php echo base_url();?>assets/front_assets/images/loading.gif';
        var load = document.createElement('img');
        load.setAttribute('src', i);

        $('#rate').html(load);
        $.post('<?php echo base_url();?>rating/rate'
             {'star':1,'item_slug':$('#item_slug').val()},
               function(data){$('#rate').html(data););" class="rating_star">&nbsp;
</a> 

---

问题是我看不到任何图像，即使我将鼠标悬停在a

href

上，我也看不到任何变化。

这两个空格是

a

中唯一的内容吗？那么它可能太小了；我看不出你在哪里设定尺寸。否则，请检查

base\u url

是否返回您希望它返回的内容。它是否以斜杠结尾？并且您拼错了悬停选择器；这本应该是

。rating\u star:用冒号悬停

。带有空格的意思是“一个

悬停
元素位于
评级星
一号内”。可以关闭为“不清楚”或“缺少一个”。