CSS：将鼠标悬停在div内的元素上，更改另一个div内的元素样式

我有两个div。当将元素悬停在另一个div中时，我想更改div中元素的样式

在下一个示例中，当鼠标悬停在

h3

只有css才有可能

见示例：

.alpha{
位置：相对位置；
背景色：红色；
宽度：100px；
高度：50px；
}
阿尔法先生，还有{
位置：绝对位置；
最高：40%；
左：40%；
显示：无
}
.beta{}
.beta h3：悬停+α。更多{
显示：块；
}

你好
盘旋

您只能转到下一个兄弟姐妹（使用

+

）或任何下一个兄弟姐妹（使用

~

）。无法进入HTML树（到父级）。因此，如果您切换它们在HTML DOM中的位置（

.beta

之前的

.alpha

），就有可能从悬停在

.beta

上变成

.alpha

的子对象。因此，请参见此示例：

.alpha{
位置：相对位置；
背景色：红色；
宽度：100px；
高度：50px；
}
阿尔法先生，还有{
位置：绝对位置；
最高：40%；
左：40%；
显示：无
}
.beta{}
.beta:悬停+alpha.更多{
显示：块；
}

盘旋
你好

您只能转到下一个兄弟姐妹（使用

+

）或任何下一个兄弟姐妹（使用

~

）。无法进入HTML树（到父级）。因此，如果您切换它们在HTML DOM中的位置（

.beta

之前的

.alpha

），就有可能从悬停在

.beta

上变成

.alpha

的子对象。因此，请参见此示例：

.alpha{
位置：相对位置；
背景色：红色；
宽度：100px；
高度：50px；
}
阿尔法先生，还有{
位置：绝对位置；
最高：40%；
左：40%；
显示：无
}
.beta{}
.beta:悬停+alpha.更多{
显示：块；
}

盘旋
你好

参见。是的，我知道，但元素在不同的分区中。我认为没有javascript是不可能的。是的，我知道，但元素在不同的分区中。我认为没有javascript是不可能的