Html CSS悬停效果：同时更改父和子背景颜色

HTML:

---

我想改变父母和孩子的背景颜色。将鼠标悬停在父项上时（父项背景：蓝色，子项背景：黑色）。这里的问题是父项和子项具有相同的属性（背景），但两者具有不同的背景颜色。如何同时应用它们？

您可以使用以下命令更改子悬停颜色：

.parent:hover.child

.parent{
背景：红色；
高度：200px；
宽度：200px；
}
.孩子{
背景：绿色；
高度：100px；
宽度：100px；
边缘顶部：50px；
左边距：50像素；
}
/*代替个人*/
.家长：悬停{
背景：蓝色；
} 
.parent:悬停.child{
背景：黑色；
}

一
二

请添加一个代码段，它是什么“simaltinasuly”？请参见：谢谢@Minal Chauhan。它工作得很好。

<div class="container">
  <div class="parent">one
    <div class="child">two</div>
  </div>
</div>

.parent {
  background: red;
  height: 200px;
  width: 200px;
}
.child {
  background: green;
  height: 100px;
  width: 100px;
  margin-top: 50px;
  margin-left: 50px;
}
/* insted of apply individual */
/* .parent:hover {
     background: blue;
} 
  .child:hover {
    background: black;
  } 
*/