javascript - 用下格定位上格

Question

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

<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 实现吗？

Answer 1

如果我正确理解了这个问题，那么您正在尝试选择前一个 sibling 。使用 CSS 无法做到这一点。但是，使用 JavaScript 可以达到预期的效果。当您将事件类添加到下部 div 时，使用您的脚本更改上部 div 的背景颜色。

参见 Is there a "previous sibling" CSS selector?获取更多信息。