No momento de ajustar o posicionamento da lista o professor realiza a criação de uma tag "class" chamada "produtos", o que eu não entendi foi o por que de se definir os comandos CSS utlizando a classe + a função:
.produtos li { display: inline-block; width: 30% ;
Sendo que logo após é criado outra entrada CSS da seguinte forma:
.produtos{ width: 940px; margin: 0 auto; text-align: center;
Minha duvida, não poderia ficar todas as configurações em ".produtos" ??
Qual seria a diferença de aplicar tudo em produtos ???
