Html 更改悬停时的子元素属性

我希望鼠标悬停在'li'标记上时'h1'标记的颜色发生变化。 我试着遵循这里提供的答案：但这对我来说不起作用

李{ 宽度：100vw； } 李：悬停{ 背景颜色：橙色； } li:悬停h1:非：悬停{ 颜色：白色； } 家 在普通css中：

li:hover h1 {
    color: red;
}

在scss中：

li:hover {
    h1 {
       color: red;
    }
}

在普通css中：

li:hover h1 {
    color: red;
}

在scss中：

li:hover {
    h1 {
       color: red;
    }
}

您只需在CSS中设置颜色属性：

李{ 宽度：100vw； } 李：悬停{ 背景颜色：橙色； 颜色：蓝色； } li:悬停h1:非：悬停{ 颜色：白色； } 家 您只需在CSS中设置颜色属性：

李{ 宽度：100vw； } 李：悬停{ 背景颜色：橙色； 颜色：蓝色； } li:悬停h1:非：悬停{ 颜色：白色； } 家 这对我有用

李{ 宽度：100vw； } 李：悬停{ 背景颜色：橙色； } 李：悬停{ 颜色：白色； } 家 这对我有用

李{ 宽度：100vw； } 李：悬停{ 背景颜色：橙色； } 李：悬停{ 颜色：白色； } 家

---

对不起，我是指h1标签，修复了它。对不起，我是指h1标签，修复了它