问 悬停子元素时如何设置父元素的样式？

没有用于选择选定子项的父项的CSS选择器。

您可以使用JavaScript来完成此操作

这个解决方案完全依赖于设计，但是如果您有一个父div，您希望在悬停孩子时更改其背景，您可以尝试使用 ::after / ::before 来模仿父div。

<div class="item">
    design <span class="icon-cross">x</span>
</div>

CSS：

.item {
    background: blue;
    border-radius: 10px;
    position: relative;
    z-index: 1;
.item span.icon-cross:hover::after {
    background: DodgerBlue;
    border-radius: 10px;
    display: block;
    position: absolute;
    z-index: -1;