Como afetar outros elementos quando uma div é pairada

Eu acho que essa é uma pergunta muito básica, mas não tenho certeza de como isso pode ser feito.

O que eu quero fazer é quando um certodiv pairar, isso afetaria as propriedades de outrodiv.

Por exemplo, emeste exemplo simples, quando você passa o mouse sobre#cube isso muda obackground-color mas o que eu quero é que quando eu passar o mouse#container, #cubeé afetado.

div {
  outline: 1px solid red;
}
#container {
  width: 200px;
  height: 30px;
}
#cube {
  width: 30px;
  height: 100%;
  background-color: red;
}
#cube:hover {
  width: 30px;
  height: 100%;
  background-color: blue;
}
<div id="container">

  <div id="cube">
  </div>

</div>