Solucionado
Gente, tô na aula 1 e tava montando a base do projeto, seguindo os passos da instrutora. Só que quando criei o CSS e pus os primeiros comandos, as alterações não apareceram na página atualizada. Já tentei o Disable Cache na aba Network do DevTools, mas não funcionou.
Olá, Andrei!
Quando o CSS não está atualizando na página, pode ser devido ao cache do navegador. Além de desabilitar o cache pelo DevTools, existem outras soluções que você pode tentar:
Verifique se o arquivo CSS está sendo referenciado corretamente no seu arquivo HTML. Certifique-se de que o caminho do arquivo CSS está correto e que não há erros de digitação.
Tente usar uma combinação de teclas para forçar o recarregamento da página. No Windows, você pode pressionar "Ctrl + F5" Isso irá ignorar o cache e carregar a página novamente.
Outra opção é renomear o arquivo CSS. Isso fará com que o navegador interprete como um arquivo diferente e, portanto, não irá buscar a versão em cache.
Lembre-se de verificar se as alterações feitas no arquivo CSS estão corretas. Por exemplo, se você está alterando a cor de um elemento, verifique se a sintaxe está correta e se o seletor CSS está selecionando o elemento correto.
No mais Andrei testa o seu projeto em outro navegador, e caso o erro persista aí acredito que o erro se encontra no endereçamento do código, em relação do HTMl e CSS.
Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!
Olá, Victor! Obrigado pela resposta ágil. Cara, eu tentei de tudo. Só agora vi que tinha colocado a classe errada.
Eu coloquei:.body ao invés de só body. Aproveitando: Por quê algumas classes usam o ponto e outras não?
Olá Andrei, tudo bem?
Fico feliz em poder lhe ajudar, mas isso depende apenas do uso da class exemplo, quando criamos uam class chamada, corpo devemos chamar ela do seguinte modo:
.corpo{
color: blue
}
Deste modo a sua class que deve ser criada lá no seu HTML, exemplo class = "corpo", todos os elementos que receberem a class ="corpo", vai passar a ser blue(azul), sendo assim facilita o uso e reutilização da class.
Quando temos uma tag no HTML exemplo h1 chamamos ela do seguinte modo:
h1{ /*Sem precisar de ponto*/
color: red;
}
Deste modo todas as tags h1 vai receber a cor red(vermelha) e elas não são class elas são um tipo de seletor diferente assim como o ID que chamamos como #corpo{} dentre outros.
Portanto, a escolha de usar um ponto ou não antes do nome de uma classe depende do que você deseja selecionar no seu código CSS. Se você deseja selecionar um elemento com uma classe específica, use o ponto antes do nome da classe. Se você deseja selecionar um elemento HTML específico, simplesmente use o nome da tag.
A titulo de curiosidade deixo alguns materiais que podem lhe auxiliar:
Espero ter ajudado!
Sucesso ✨
Entendi. Muito Obrigado!