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

Question

我想知道如何设置css伪类，特别是悬停所以当我将鼠标悬停在某个元素上时，就像带有id的div一样，具有id的不同div的属性会被更改？

通常会是这样的：

#3dstack:hover {
  listed properties
}

我不确定将其悬停在ID为3dstack的div上会有什么变化，并让它更改另一个div。

Answer 1

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

#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

Answer 2

单独使用CSS是不可能的。您必须使用JavaScript事件处理程序。例如，使用jQuery的hover：

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

• DEMO

Answer 3

视觉你可以使用LESS执行此操作，但引擎实际上是使用JavaScript。