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>