当我悬停图像时，如何使文本更改颜色

Question

当我悬停图片时，我正在尝试使用CSS来使文本改变颜色，但是根本没有运气

<li>
<a href="#"><img src="#"></a>
<a href="#">TEXT</a>
</li>

Answer 1

您可以使用li:hover代替img:hover。 在CSS中它将是这样的：

li:hover a 
{
color: red;
}

Answer 2

<ul>
<li>
<a href="#" class="img"><img src="#"></a>
<a href="#">TEXT</a>
</li>
</ul>
<style>
.img:hover~a{
    color: #000000;
}
</style>

Answer 3

试

$("img").hover(function(){
  $(this).parent().next("a").css("color","red"); 
});

$("img").mouseout(function(){
   $(this).parent().next("a").css("color",""); 
 });

DEMO