Skip to main content
se añadieron 247 caracteres en el cuerpo
Origen Enlace
Dario B.
  • 455
  • 1
  • 3
  • 18

AquiAquí te dejo un ejemplo de como hacerlo. Solo debes utilizar el símbolo sumatorio ( + ) delante de la clase hover, con esto estas diciendo que, al hacer hover en el div con la clase .sensor, el div con la clase .info debe de hacer la acción referenciada, en este caso, cambiar de color

.sensor {
  width: 100px; 
     height: 100px; 
     background: #428bca;
     cursor:pointer;
}

.info {
  width: 100px; 
     height: 100px; 
     background: red;
}

.sensor:hover + .info {
  background:green;
}
<div class="sensor">

</div>
<div class="info">

</div>

Aqui te dejo un ejemplo de como hacerlo

.sensor {
  width: 100px; 
     height: 100px; 
     background: #428bca;
     cursor:pointer;
}

.info {
  width: 100px; 
     height: 100px; 
     background: red;
}

.sensor:hover + .info {
  background:green;
}
<div class="sensor">

</div>
<div class="info">

</div>

Aquí te dejo un ejemplo de como hacerlo. Solo debes utilizar el símbolo sumatorio ( + ) delante de la clase hover, con esto estas diciendo que, al hacer hover en el div con la clase .sensor, el div con la clase .info debe de hacer la acción referenciada, en este caso, cambiar de color

.sensor {
  width: 100px; 
     height: 100px; 
     background: #428bca;
     cursor:pointer;
}

.info {
  width: 100px; 
     height: 100px; 
     background: red;
}

.sensor:hover + .info {
  background:green;
}
<div class="sensor">

</div>
<div class="info">

</div>

Origen Enlace
Dario B.
  • 455
  • 1
  • 3
  • 18

Aqui te dejo un ejemplo de como hacerlo

.sensor {
  width: 100px; 
     height: 100px; 
     background: #428bca;
     cursor:pointer;
}

.info {
  width: 100px; 
     height: 100px; 
     background: red;
}

.sensor:hover + .info {
  background:green;
}
<div class="sensor">

</div>
<div class="info">

</div>