Sassである条件付き要素の兄弟要素である擬似要素を指定する方法

Question

ある条件付き要素の兄弟要素である擬似要素を指定する方法を教えてください。

例えば以下のHTMLで2つめの child が selected クラスを持っている場合のみ
parent の擬似要素にスタイルを付与したいです。

<div class="parent">
  <div class="child">
  </div>
  <div class="child selected">
  </div>
</div>

下記の方法を試しましたが、うまくいかなかったです。

.parent {
  &::after {
    content: "";
    display: "block";
    width: "100px";
    height: "100px";
  }
  .child.selected:nth-child(2) ~ &::after { /* この部分 */
    background-color: "red";
  }
}

Answer 1

.selected:nth-child(2)は二つ目の.selectedて言うことになり、アップされたコードを見ると、二つ.selectedは見当たりません。なのでマッチができていないのではないか？

Comments

[akarin]

ご回答ありがとうございます。
実際には .selected ~ &::after でできるかどうかをまずは試しており、
こちらもできなかったので ~ &::after の方がダメなのかと思っています。。