css伪类，悬停在一个元素上改变不同元素的属性

我想知道如何设置CSS伪类，特别是悬停，所以当我把鼠标悬停在一个元素上，就像一个具有ID的div，不同的属性与ID的div得到改变？css伪类，悬停在一个元素上改变不同元素的属性

因此通常会是这样：

#3dstack:hover { 
    listed properties 
}

我不知道的变化将是有它悬停在DIV id为3dstack，并改变它的另一个DIV什么。

来源

2012-03-19 loriensleafs

除非元素要更改的属性，我不认为这是可能是后代或悬停元素的兄弟姐妹，在这种情况下，你可以这样做：

#myElement:hover #myElementDescendent { 
    background-color: blue; 
} 

/*or*/ 

#myElement:hover + #myElementSibling { 
    background-color: blue; 
}

当然，你可以始终使用jQuery做到这一点：

$("#anelement").hover(
    function() { 
     $("otherelement").css("background-color", "blue"); 
    });

See the differences here

来源

2012-03-19 16:11:14 joeschmidt45

一个孩子，一个后代，一个兄弟姐妹，甚至是一个兄弟姐妹的孩子/后代，或者......你得到的照片。 – BoltClock 2012-03-19 16:21:59

没错，任何CSS选择器都可以工作，添加修订版。 – joeschmidt45 2012-03-20 04:37:16

所以你做的演示工作，我试图让这个小提琴工作在你翻身的地方，不透明度在这种情况下改变，第二个包含div的特定图层。 http://jsfiddle.net/7EH7X/当我翻身它没有什么似乎改变，我不知道我要去哪里错了，我试图改变的div是一个孩子，而我至于我可以说它和你所做的一样。最后，我想让所有四个孩子在翻身时改变姿势。 – loriensleafs 2012-03-20 13:11:54

仅凭这一点是不可能的CSS。您将不得不使用JavaScript事件处理程序。例如，使用jQuery的hover：

$('#3dstack').hover(function() { 
    $('#otherID').toggleClass('properties');  
});

DEMO

来源

2012-03-19 16:11:46 paislee

所以我尝试了你在这里http://jsfiddle.net/7EH7X/1/所做的，但是我无法让它工作，你能快速查看它吗？ – loriensleafs 2012-03-20 14:06:32

视觉你可以做到这一点使用LESS，但它实际上是使用JavaScript引擎罩下。

来源

2012-03-19 16:16:18

css伪类，悬停在一个元素上改变不同元素的属性

回答

相关问题