当父元素悬停时更改子元素的CSS类

Question

我的HTML：

<div class="parent">
 <span class= "child"></span>
</div>

当我在父元素上悬停时，我希望更改子标签的CSS，并在鼠标移出父元素时恢复子的CSS。 我如何使用CSS和HTML做到这一点？

- Amal Antony

Answer 1

.parent:hover .child{ some props }

- n1kkou

Answer 2

尝试这个：

使用CSS中的普通伪元素:hover，添加子元素.child以添加其样式。

.parent:hover .child{ 
       background-color:red; 
      }

- user2232273