javascript - 定位上层div和下层div

我希望upperdiv具有lowerdiv类时.active的背景变为红色：

<div id="upperdiv">Text case</div>
<div id="lowerdiv" class="active">IMAGE CAROUSEL</div>

.active由JavaScript添加。 Example image。

我试过了：

#upperdiv + #lowediv .active {
    background: red;
}

但它不起作用。

CSS或jQuery是否可能？

最佳答案

如果我正确理解了该问题，则您正在尝试选择上一个同级。使用CSS无法做到这一点。但是，使用JavaScript可以达到所需的结果。将活动类添加到较低div时，请使用脚本更改较高div的背景色。

有关更多信息，请参见Is there a "previous sibling" CSS selector?。

关于javascript - 定位上层div和下层div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42466937/