Html 要采用父元素悬停属性的包含元素

我的场景是，我希望父元素的悬停效果应用于子元素，有效地覆盖子元素的样式设置，我希望这是严格的CSS。我可以很容易地用javascript实现这一点，但是有没有纯CSS的方法呢？谢谢你的建议

div{
}
div:悬停{
背景色：红色；
/*将包含的范围背景颜色也更改为红色*/
}
跨度{
背景颜色：黄色；
}

---

当我将鼠标移到此div上时，我希望包含的span背景采用父div的悬停设置。

如果我正确理解了您的问题，则添加另一个悬停，应用继承规则将所有子元素指定为

*

div:hover * {
    background-color: inherit;
}

片段：

div{
}
div:悬停{
背景色：红色；
/*将包含的范围背景颜色也更改为红色*/
}
分区：悬停*{
背景色：继承；
}
跨度{
背景颜色：黄色；
}

当我将鼠标移到这个div上时，我希望包含的span背景采用父div的悬停设置。

div{
}
跨度{
背景颜色：黄色；
}
分区：悬停范围{
背景色：红色；
/*将包含的范围背景颜色也更改为红色*/
颜色：#fff；
}

---

当我将鼠标悬停在这个div上时，我希望包含的span背景采用父div的悬停设置。

谢谢，这正是我要找的。@LenWhite，很高兴提供帮助：）