我怎样才能使文本改变颜色，当我像

我用CSS试图使文本改变颜色时，我的形象徘徊徘徊，但在所有我怎样才能使文本改变颜色，当我像

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

我的运气不好

来源

2014-03-07 MShack

什么是你的CSS代码，你试过吗？ – Anonymous

你可以只使用li:hover，而不是img:hover。在CSS它会是这样的：

li:hover a 
{ 
color: red; 
}

来源

2014-03-07 11:53:53 frikinside

忽略我的帖子，我误解了它。这是正确的方法。 –

尝试

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

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

DEMO

来源

2014-03-07 11:51:41

我会避免使用JavaScript来完成可以在CSS中完成的任务。 –

@MatthewDaly他用jquery标记问题。这就是为什么我写它在jQuery –

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

来源

2014-03-07 11:59:42

这是使用CSS3的兄弟选择器来做到这一点的好方法。但要小心，因为我认为它在某些浏览器中存在兼容性问题。 – frikinside

我在firefox和chrome中检查过它（windows和linux操作系统） –

其实我并不真的认为这些日子的兼容性可能是一个问题，只是在执行这个规则之前考虑进行检查。为了记录，这里是这个选择器上的兼容性列表：http://reference.sitepoint.com/css/generalsiblingselector#compatibilitysection – frikinside

我怎样才能使文本改变颜色，当我像

回答

相关问题