Html 在剖面标记内选择一个类

我有下面的小提琴，它通过悬停在一个类上来工作，但是当被标记包围时，我还没有设法使它工作。我怎样才能让它工作

提前谢谢

<section class="section1">
    <div class="ButtonChange">
        Hover Here
    </div>
</section>


<section class="section2">
    <div class="changecolor">
       Text Sample
    </div>
</section>



<div class="ButtonChange2">
    Hover Here 2
</div>


<div class="changecolor2">
    Text Sample 2
</div>

在这里盘旋
文本样本
在这里停留2
文本示例2

试试这个：

.section1:hover ~ .section2 .changecolor {
    color:red;
}

---

您好，谢谢您，现在我如何在第1节中只选择一个特定的类。请看下面的小提琴