我想悬停一个因素影响其他元素的CSS

Question

加入我的主箱元素上悬停状态，我希望它变成灰色和内文变白

这是主要的元素：.blogcont

有在其内2个的其它元件，它们是H4和其他文本DIV：.listing

我想在悬停状态上.blogcont

的H4的字体颜色和其他分区更改为白色

Answer 1

希望这会有所帮助！

.blogcont { 
 
    width: 300px; 
 
    height: 300px; 
 
    background: red; 
 
    color: black 
 
} 
 
.blogcont:hover { 
 
    background: grey; 
 
} 
 
.blogcont:hover h4, 
 
.blogcont:hover .listing { 
 
    color: white 
 
}

<div class="blogcont"> 
 
    <h4>hellooo</h4> 
 
    <div class="listing">listingggg</div> 
 
</div>