Html 悬停状态不影响显示属性

我有以下html代码：

<div class="trial1">
He said all but the three newest reactors will be shut down by 2021, and the remainder a year later.Roettgen announced the agreement early on Monday morning after hour-long negotiations between the governing parties.Merkel in 2010 had pushed through to extend the lifespan of the country's 17 reactors with the last one scheduled to go offline in 2036, but she completely reversed her policy in the wake of Japan's nuclear disaster. She described the new move as a step that will make her country a pioneer in renewable energy.

<h1>This is h1</h1>

    <div class="trial2">
     this is something else what ever what ever
     </div>
</div>

每当trial1中的内容悬停时，我都希望显示trail2中的内容。但不知何故，这并没有发生。在同一元素悬停时更改h1颜色的类似转换是否有效？我做错了什么？

缺少

.trial1:hover>.trial2

---

对不起，这是一个输入错误……没有这个输入错误就行了。由于这是一个“由于打字错误而解决”的问题，我可以建议将其删除吗？我投了第一票删除。

.trial1:hover>.trial2