javascript - 我想悬停一个元素来影响其他元素 css

Question

在我的主框元素上添加了一个悬停状态，我希望它变成灰色，其中的文本变成白色

这是主要元素:.blogcont

其中还有 2 个其他元素，分别是 h4 和另一个文本 div :.listing

我想在 .blogcont 上悬停状态时将 h4 和另一个 div 的字体颜色更改为白色

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>