Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

CSS não está atualizando

Referente ao curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação, no capítulo Navegação entre páginas e atividade O que aprendemos?

por Daiane Kelly Celestino Fernandes
| 45.7k xp | 8 posts

Boa noite

Meu CSS não esta atualizando as informações .

insira seu código aqui

<!DOCTYPE html>
<html>
  <head>
     <meta charset="UTF=8">
     <title>Produtos-Barbearia Alura</title>
     <link rel="stylesheet" href="produtos.css">
  </head>
  <body>
      <header>
      <h1><img src="logo.png"></h1>

      <nav>
      <ul>

        <li><a href="Barbearia_alura.html.html">Home</a></li>
          <li><a href="produto.html">Produtos</a></li>
          <li><a href="contato.html">Contato </a></li>
      </ul>
  </nav>
</header>
     </body>
     </html>


header {
    background: #BBBBBB;
}

nav li {
    display: inline;
    margin: 0 0 0 15px;
}

nav a {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}
3 respostas
por Laís Cavalcanti
| 2577.8k xp | 4815 posts
Instrutor

Oi, Daiane, tudo bem?

Primeiro, adicione essa propriedade type="text/css" ao seu link em que chama o css:

 <link rel="stylesheet" type="text/css" href="produtos.css">

E verifica se o seu arquivo produtos.css está dentro da pasta raiz junto do seu arquivo html e se as alterações foram salvas. Me fala se deu certo :}

solução!
por Lucas Sanches Paranhos
| 324.4k xp | 21 posts
Programador Front-end pleno

mesmo se após isso não funcionar, pode ser o cache do navegador, nesses casos eu sempre recomendo usar o control + f5 para recarregar a pagina sem o cache

por Daiane Kelly Celestino Fernandes
| 45.7k xp | 8 posts

Ola boa noite pessoal ,obrigada pelas dicas mas ainda não consegui atualizar ,já instalei novamente o sublime ,mas não adiantou . Eles estão no mesmo arquivo

insira seu código aqui

header{ background: #BBBBBB; } nav li { display: inline; margin: 0 0 0 15px; }

nav a { text-transform: uppercase; color: #000000; font-weight: bold; font-size: 22px; text-decoration: none; } ` 

  •     <li><a href="Barbearia_alura.html.html">Home</a></li>
      <li><a href="produto.html">Produtos</a></li>
      <li><a href="contato.html">Contato </a></li>
  </header>
 </body>
 </html>