当鼠标悬停在 CSS 时更改其他元素

Question

我想在 CSS3 中更改当前元素级别之外的其他元素。我试过使用加号但还是不行。

    <div id="a">
<div id="a_1">
<ul>

<li>test1</li>
<li>test2</li>
</ul>
</div>
</div>

<div id="b">
</div>

我想更改#b 背景颜色我试过了但还是不行

a ul li:hover #b{
background-color:blue;
}

也试过这个但还是不行

a ul li:hover + #b{
background-color:blue;
}

Answer 1

您必须为此使用 JavaScript 或 JQuery。

change other element when mouse over in CSS