Na aula o professor diz para usar:
.produtos li:hover h2 {
font-size: 34px;
}
Mas fiquei na duvida do pq não usar:
.produtos li h2:hover {
font-size: 34px;
}
ou:
.produtos h2:hover {
font-size: 34px;
}
Foi só uma decisão visual né ? Pq executando o código, a fonte só fica maior quando o mouse está exatamente em cima do texto "p", já da maneira do professor é quando está em cima de qualquer lugar da "li"