html - 如何悬停元素 B 的子元素 A 并触发与元素 B 处于同一级别的其他元素

Question

我尝试做的是，当我将“项目”悬停时，“其他项目”上的背景颜色会改变。

.element-a:hover .element-b + .other {
  background: red;
}

<div id="container">
    <div class="other">Other item</div>
    <div class="element-b">
      <div class="element-a">Item</div>
    </div>
</div>

用纯 CSS 可以做到这一点吗？

标签： htmlcss