css - 如何使用 SASS 在悬停时显示相邻的兄弟姐妹？

Question

.parent{
  &__child-1:hover + &__child-2{
    background-color: green;
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.6.2/sass.min.js"></script>
<div class="parent">
  <div class="parent__child-1">child 1</div>
  <div class="parent__child-2">child 2</div>
  <div class="parent__child-3">child 3</div>
</div>

您好，我正在尝试定位元素的相邻兄弟。我使用的方法适用于 CSS，但不适用于 SASS，这里有什么我遗漏的吗？

标签： csssass