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?
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 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.