1
respuesta

¿Por qué colocar el h2 después del hover?

Me encontré con este detalle del curso que es super anti intuitivo en relación a lo que habíamos hecho antes. Es seleccionar li y luego h2 pero después del hover. Así:

.productos li:hover h2 {
    font-size: 33px;
}

Para mi sorpresa ejecuté el código directamente seleccionando .productos h2 y entiendo que sí funcionó:

.productos h2:hover {
    color:darkmagenta;
    font-size: 45px;
}

¿Por favor podrían ayudarme explicando cuál es la diferencia entre el un orden y el otro?

1 respuesta

Buen dia Estefania, veras que el codigo no cambio por que el texto esta dentro de los tags de "li" y "h2" por ende no presenta diferencia pero debes saber que la zona que indicas el cambio es solo a h2 y no a la lista li La diferencia solo a que zona aplicas el cambio

La diferencias de estas mismas es que la etiqueta "li" la utilzas para definir listas y "h2" para un indicar al navegador titulos con su respectivo tamaño. Espero haberte ayudado, lindo dia.