我想悬停一个元素来影响其他元素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>