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

Question

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

所以通常是这样的:

#3dstack:hover {
  listed properties
}

我不确定将它悬停在带有id的div上3dstack会有什么变化,并让它更改另一个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");
    });