Solucionado
Boa noite, fiquei com dúvida no porquê da estilização no css da lista ser no nav a e não no *nav li. *
nav li { display: inline; margin-left: 15px;
}
nav a{
color: #000000;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;}
Olá Stefhany!
Pelo oq entendi, as configs "nav li" estão relacionadas a disposição / localização. Já o "nav a" está relacionado a customização da exibição e por se tratarem de links (no HTML identificado pela tag "a"). Talvez a separação seja mais uma questão de semântica.
Boa noite Stephany,
Na ordem colocada na aula:
Nav {} diz onde os elementos vão estar inseridos na localização geral da página;
Nav li {} diz como estarão organizados;
Nav a {} dita o design.
Então complementando a resposta que o Hugo deu, provavelmente a divisão é feita dessa forma para não haver conflito e manter o código bem organizado. Imagino que colocar todos os código dentro de uma única tag do CSS poderia criar problemas, conflitos e deixar o código bagunçado, então o ideal é separar cada função dentro de sua respectiva caixa:
Nav {
position: absolute;
top: 110px;
right: 50px;
display: inline;
margin: 0 0 0 15px;
text-transform: uppercase;
color: #000000;
font-weight: bold;
font-size: 22px;
text-decoration: none
; }
A questão das divisões serve também para que as tags do CSS positions funcionem da forma adequada.
Eu li um artigo da Alura que explica bem a questão delas e porque, por exemplo, a position absolute deve estar dentro de alguma outra posição que não seja static:
Por exemplo, ele coloca a cor do background na tag nav {}, pois se ele colocasse em nav li {} ela iria ocupar apenas os 940 pixels que foram declarados nela.
Galera, muito obrigada pelas respostas, consegui compreender melhor! :)