html - 通过悬停另一个元素来更改元素样式

Question

目标

通过使用 CSS 悬停另一个元素来更改一个元素。

我不知道语法。有任何想法吗？

我想 .frame通过悬停来改变.app > a。下面重点介绍 CSS 语法：

.app a:hover ->¹ .frame {
    background-color: yellow;
}

.frame {
    background-color: blue;
    width: 300px;
    height: 300px;
}

¹只是插图。

score 3 · Accepted Answer

试穿这个尺寸：

.app:hover ~ .frame {
    background-color: yellow;
}

.frame {
    background-color: blue;
    width: 300px;
    height: 300px;
}