Estou tendo problemas para importar o banner.css no styles.css. Segue o código:
@import url("/styles/header.css");
@import url("/styles/banner.css");
:root { --cor-de-fundo: #ebecee1e; --branco: #FFFFFF; --laranja: #EB9800; --azul-degrade: linear-gradient(97.54deg, #002F52 35.49%, #326589 165.37%); --fonte-principal: “Poppins”; }
body { background-color: var(--cor-de-fundo); font-family: var(--fonte-principal); font-size: 16px; font-weight: 400; }
hoje, com a Alura e o Google Gemini
O código parece correto em relação à importação dos arquivos CSS. No entanto, pode haver outros problemas que estão causando dificuldades em importar o banner.css. Aqui estão algumas sugestões de solução:
Verifique se o caminho para o arquivo banner.css está correto. Certifique-se de que o arquivo está realmente localizado na pasta /styles/.
Verifique se o arquivo banner.css está escrito corretamente e não contém erros de sintaxe ou problemas de formatação. Isso pode impedir que ele seja importado corretamente.
Verifique se não há erros ou problemas de formatação no arquivo header.css. Um erro nesse arquivo pode interromper a importação subsequente do banner.css.
Certifique-se de que você está executando a importação dos arquivos CSS em um local apropriado no seu arquivo styles.css. Por exemplo, certifique-se de que as importações estejam fora de qualquer bloco de regra ou declaração CSS existente.
Verifique se você tem permissões de leitura para acessar o arquivo banner.css. Se o arquivo estiver em um servidor remoto, verifique se as permissões de acesso estão configuradas corretamente.
Após verificar esses pontos, você pode tentar importar novamente o banner.css no styles.css. Se ainda houver problemas, seria útil fornecer mais informações sobre os erros específicos que você está encontrando para que eu possa ajudar de maneira mais precisa.