Question

我想在元素悬停时更改另一个元素属性。到目前为止，我已经想出了以下CSS：

#test3:hover #test4
{
background-color: red;
}

<div id="test3">three</div>
<div id="test4">four</div>

但是，这不起作用。这有可能吗？你会建议什么？

Answer 1

#test3:hover #test4

这意味着，定位test4的子元素test3。您希望改为+ sibling selector：

#test3:hover + #test4
{
background-color: red;
}