Solucionado
Situação: Uso a extensão no visual studio code a muito tempo, hoje durante o curso a instrutora recomendou fazer o import CSS do arquivo "header.css" pelo arquivo "style.css" (que está linkado com o index.html). Depois de escrever alguns codigos de CSS e salvar, como normalmente faço, fui olhar o navegador e a página não tinha acrescentado os codigos.
****Duvida: Por que o Live Server não reconhece o CSS que é linkado pelo @import no style.css? tem como arrumar isso?
Fiz a pergunta ao Chat GPT e ele me deu a resposta, segue a cola:
"O recurso de atualização em tempo real do Live Server pode não funcionar corretamente quando se usa o @import para incluir outros arquivos CSS devido a algumas limitações do próprio recurso. Algumas possíveis soluções para esse problema incluem:
Refazer o link para o arquivo CSS importado: Em vez de usar o @import, você pode linkar o arquivo CSS diretamente na página HTML usando a tag na seção
Recarregar a página manualmente: Em alguns casos, você pode precisar recarregar manualmente a página no navegador para que as alterações no arquivo CSS sejam refletidas.
Mudar para outra ferramenta de desenvolvimento: Existem outras ferramentas de desenvolvimento, como o browser-sync, que podem fornecer recursos de atualização em tempo real mais avançados e confiáveis.
Se você estiver usando o Visual Studio Code, também pode instalar o plugin "Live Server Reload" que adiciona recursos de atualização em tempo real ao Live Server.
OBS: Lembre-se de que a atualização em tempo real pode não funcionar corretamente em todos os casos e que pode ser necessário experimentar diferentes soluções para encontrar aquela que funcione melhor para o seu ambiente de desenvolvimento específico."
se mais alguém tiver esse problema espero ajudar. obrigado pela atenção.