Cómo afectar a otros elementos cuando un div está suspendido
Creo que esta es una pregunta muy básica, pero no estoy seguro de cómo se puede hacer.
Lo que quiero hacer es cuando ciertodiv
está suspendido, afectaría las propiedades de otrodiv
.
Por ejemplo, eneste simple ejemplo, cuando pasas el cursor sobre#cube
cambia elbackground-color
pero lo que quiero es que cuando me acerque#container
, #cube
Es afectado.
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>