fbpx

¿Cómo usar la pseudo clase :hover? Curso de HTML y CSS

Etiquetado: ,

  • Angel Sánchez

    organizador
    14 febrero, 2023 en 2:20 pm

    Hola Farit, la pseudo clase “:hover” debe de ir pegada:

    .Contenedor:hover .vermas{

    opacity: 1;

    }

    Cuando usamos el selector solo “.Contenedor” aplicamos los cambios en los elementos con esa clase, cuando lo usamos con el “.Contenedor:hover” aplicamos los cambios solo cuando pasamos el mouse sobre el elemento, cuando usamos todo esto “.Contenedor:hover .vermas” le decimos que cuando pasemos el mouse sobre el elemento con esa clase aplica el cambio al elemento hijo con clase “.vermas”.

    Si te fijas, hay un punto clave, solo se puede hacer esto cuando es padre e hijo:

    <div class="Contenedor"> <!-- Padre-->

    <div class="vermas"> <!-- Hijo-->

    Lorem ipsum dolor sit amet consectetur, adipisicing elit.

    Quos ipsum magni aspernatur odio hic corrupti in totam

    ratione vitae natus rerum placeat dolorem dolorum distinctio

    fugiat <p>ver mas</p>

    </div>

    </div>

    Saludos!

  • Farit Andres Cadena Suárez

    Miembro
    14 febrero, 2023 en 2:36 pm

    Profe mil gracias no lo entendía muy bien pero me ayudo bastante con ejemplo del padre y el hijo, un saludo profe.

Inicia sesión para responder.

Start of Discussion
0 de 0 respuestas Junio 2018
Ahora