How to hover element A that is children of Element B and trigger other element that on same level as Element B

Question

What I try to do is when I hover 'Item' the background color on 'Other Item' will change.

.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>

Is this possible to do this with pure CSS?