fbpx

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

  • 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!