O MOTIVO DE FUNCIONAR O CÓDIGO SEM APLICAR O NTH:CHILD()

Boa tarde.

Vi que muitas pessoas abriram perguntas sobre o mesmo tópico, então resolvi escrever caso alguém também passe por isso. No vídeo da aula o CSS apresentado pelo professor ainda não tem a aplicação do :nth-child() por isso ele faz durante o vídeo. No arquivo que baixamos no começo do curso o CSS style.css já vem com o :nth-child() aplicado, por isso na hora que vamos fazer não é necessário implantar o mesmo. Uma sugestão seria revisar o arquivo que está disponível para os alunos retirando esta parte, pois fica confuso e gera a dúvida de o porque estar funcionando diferente do que o professor colocou em aula. Na verdade esse comentário não é uma dúvida e sim uma sugestão pois fiquei alguns minutos também até perceber o que estava acontecendo. Fica aqui o código do arquivo em questão:

@media(min-width: 1000px) { .conteudoPrincipal-cursos-link { margin: 1.333%; }

.conteudoPrincipal-cursos-link:nth-child(3n) {
    margin-right: 1.33%;
}

.conteudoPrincipal-cursos-link:nth-child(3n+1) {
    margin-left: 1.333%;
}

.conteudoPrincipal-cursos-link:nth-child(4n) {
    margin-right: 0;
}

.conteudoPrincipal-cursos-link:nth-child(4n+1) {
    margin-left: 0;
}