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

CSS não aplica.

Referente ao curso HTML e CSS: praticando HTML/CSS, no capítulo Iniciando o projeto e atividade Começando com CSS

por Gustavo Henrique Nogueira Mota
| 32.2k xp | 9 posts
Designer

O meu CSS não está sendo aplicado. Podem ver se tem algo errado no código HTML ou CSS?

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alura Plus</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <h1>Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.</h1>
</body>

</html>

:root {
    --cor-primaria: #FFFFFF;
    --cor-secundaria: #F9F9F9;
    --cor-terciaria: #C0C0C0;
    --cor-botao: #167BF7;
    --cor-background: #00030C;
}

.body {
    background-color: var(--cor-background);
    color: var(--cor-primaria);
}

* {
    margin: 0;
    padding: 0;
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas
por Adriano Melo Santana Sobrinho
| 101.1k xp | 15 posts
Desenvolvedor

Boa tarde, Gustavo. Acredito que um pequeno detalhe esteja quebrando seu código. Note que, ao referenciar as "tags" HTML, colocamos diretamente seus nomes no arquivo CSS, sem precisar adicionar um ponto (para classe) ou uma hashtag (para id). Tente fazer essa alteração no arquivo "style.css" e veja se funciona:

:root {
    --cor-primaria: #FFFFFF;
    --cor-secundaria: #F9F9F9;
    --cor-terciaria: #C0C0C0;
    --cor-botao: #167BF7;
    --cor-background: #00030C;
}

body {
    background-color: var(--cor-background);
    color: var(--cor-primaria);
}

* {
    margin: 0;
    padding: 0;
}

Note que agora estou referenciando a tag "body" sem ponto, da forma correta. Caso queira usar uma classe, é necessário criá-la no HTML.

Espero ter ajudado!

por Gustavo Henrique Nogueira Mota
| 32.2k xp | 9 posts
Designer

Ah entendi. Estava na cabeça quando colocava as classes no css, adicionando .cabecalho por exemplo. Tinha esquecido as tags não precisa de . no começo! Obrigado!

solução!
por Adriano Melo Santana Sobrinho
| 101.1k xp | 15 posts
Desenvolvedor

Que bom que pude ajudar. Se possível, marque minha resposta como solução para este tópico, para auxiliar outras pessoas que possam ter o mesmo problema.

Bons estudos!