Cómo mostrar elementos al hacer hover

Aprende a mostrar elementos al hacer hover

Haz hover sobre mí.
Se mostrará cuando alguien realice hover sobre el div superior.

Cómo mostrar elementos al hacer hover

Primer paso - Añadir HTML:

<div class="myDIV">Haz hover sobre mí.</div>
<div class="hide">Se mostrará cuando alguien realice hover sobre el div superior.</div>

Segundo paso - Añadir CSS:

.hide {
  display: none;
}
.myDIV:hover + .hide {
  display: bloque;
  color: rojo;
}

Prueba por ti mismo

Ejemplo de explicación:

Selector de同级adecuado (+) que están seleccionados como elementos adyacentes al elemento especificado。

La palabra "adecuado" significa "siguiente", el ejemplo anterior selecciona todos los elementos con class=".hide" Los elementos, que se colocan inmediatamente después de hacer hover en el elemento con class=".myDIV" después del elemento.

Páginas relacionadas

Tutoriales:Combinador CSS