Question

我需要做反向：

JSFiddle here

HTML

<div class="a"> </div>
<div class="b"> </div>

CSS

.a{
    width:100px;
    height:100px;   
    background-color:blue;
}

.b{
    width:100px;
    height:100px;
    background-color:red;   
}

.a:hover + .b{
    background-color:green; 
}

我试过了：

.b:hover + .a{
    background-color:green; 
}

但它不起作用。当我的.b悬停时，这里有什么方法可以改变我的.a背景颜色吗？

提前致谢。

Answer 1

HTML

<div class="a"> </div>
<div class="b"> </div>

CSS

.a{
width:100px;
height:100px;   
background-color:blue;
}

.b{
width:100px;
height:100px;
background-color:red;   
}
 .hover{
background-color:green;
}

并添加一些Jquery，它将添加你的需要

$(".b").hover(function(){
$(".a").addClass("hover") 
});

通过上面你可以有基本的想法如何完成你的任务，从这里获得想法并完成你的任务

更早 http://jsfiddle.net/Z7LaT/ 现在 http://jsfiddle.net/Z7LaT/2/

更进一步，您可以使用MouseOver，MouseOut根据您的需要进行切换

CSS - 我可以在.b：hover时改变div .a background-color吗？

1 个答案: