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