[Angel Sánchez]

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!

[divertylivegmail-com]

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

[Angel Sánchez]

De nada, échale ganas. Cuando termines te recomiendo seguir con esta ruta: https://www.azulschool.net/ruta-de-aprendizaje-desarrollo-web/

Ruta de aprendizaje – Desarrollo Web