我想懸停一個因素影響其他元素的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>