在父悬停时更改子元素的 CSS 类答案

【问题标题】：Changing the CSS class of a child element on parent hover在父悬停时更改子元素的 CSS 类
【发布时间】：2014-01-04 20:02:07
【问题描述】：

我的 HTML：

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

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

【问题讨论】：

标签： html css

【解决方案1】：

.parent:hover .child{ some props }

【讨论】：

【解决方案2】：

试试这个：

在css中使用普通的伪元素:hover，添加子元素.child来添加他的样式

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

【讨论】：