Html 如何更改悬停在另一个元素上的元素的颜色

我想知道我可以用CSS做这样的事情吗？怎么做

HTML:

<h2 id="hi">Hello!!! :) </h2>
<h3 id="bye">Bye!! :( </h3>

也许像这样：

#hi:hover + #bye{
    color: green;
}

---

不能，嵌套选择器仅在预处理器中找到，如LESS、Sass、SCSS等。

#hi:hover + #bye{
    color: green;
}