当一个元素嵌套而另一个元素不是时，如何选择元素？

Question

示例：

 <div class="wrap">
    <div class="ruin">
        <span class="nest">hello</span>
        <span class="nest">bye</span>
    </div>

    <div class="select">select from nest span</div>
 </div>

CSS

.nest ~ .select {
  color: red;
}

.wall .nest ~ .select {
  color: green;
}

我不知道如何从.nest中选择.select。它不是它的兄弟，也不是孩子或父母。

Heres a jsfiddle。 https://jsfiddle.net/cugok7v0/

修改 好吧，只有css才能选择没有逻辑关系的元素。 This answer here我没有发现自己说的一切。

谢天谢地，我找到了一个不需要嵌套元素的好方法，所以我可以使用相邻的兄弟选择器。