<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 100px;
}

.item {
  background: orange;
}

.container:hover .item {
  background: black;
}

body .container .item:hover {
  background: orange;
}