Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Quando clico para atualizar .html no navegador, não mostra as cores modificadas pelo CSS

Apenas a nível de curiosidade... Meu arquivo .html não parecia está reconhecendo as cores modificadas pelo CSS, mesmo sendo salvo. No entanto, consegui visualizar as atualizações quando fechava e abria novamente o arquivo no Safari. Pq isso acontece?

2 respostas
solução!

Oi Jamile, tudo bem?

Quando editamos algum arquivo HTML ou CSS, na verdade nós precisamos sempre atualizar a página para ver as modificações, não significa necessariamente que precisamos fechar o arquivo e abrir novamente, é só atualizar a página mesmo:

Atualizando a página no Safari Pressionando FN + F5 também funciona!

Uma solução para você não ficar atualizando a página toda vez e essa atualização ser feita de forma automática, recomendo você baixar uma extensão chamada Live Server no seu Visual Studio Code, que irá abrir a aplicação de forma local e a as atualizações serão automáticas (não precisa ficar atualizando a página toda vez).

Para habilitar essa extensão, pesquise por "Live Server" na aba de extensões do Visual Studio Code, e clique com o botão em "instalar":

Instalando Live Server

Depois disso, volte para a pasta do projeto, clique com o botão direito do mouse em cima do arquivo HTML e selecione a opção "Open with Live Server". E pronto, sua aplicação irá abrir no navegador!

Espero ter ajudado, bons estudos =)

Obrigada por compartilhar sobre o Live Server, eu não estava achando como atualizar a página automaticamente e isso facilitou muito!