Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida exercício 03 - Corrigindo estilo no blog.html

Referente ao curso HTML5 e CSS3 I: Suas primeiras páginas da Web, no capítulo Mais seletores e atividade Ajustes finos no blog.html

por Luiz Gabriel Silva de Araujo
| 28.3k xp | 21 posts

Olá pessoal da Alura! Estou quebrando a cabeça aqui para tentar realizar este exercício mas não estou conseguindo entender muito bem.

O exercício pede para removermos o fundo preto das Tags e deixa-lo somente no rodapé. Mas não estou conseguindo fazer isso. Ele sempre acaba removendo a formatação do rodapé também, vejam:

Blog - João da Silva on jsbin.com

Não estou sabendo como reparar isso. Se alguém poder me explicar melhor o porquê está acontecendo toda esta confusão eu ficaria muito agradecido!

1 resposta
solução!
por Natan Souza
| 2115.9k xp | 3725 posts
Instrutor Product Design Lead

Oi Luiz, tudo tranquilo?

Repara no seu código a seguinte regra CSS:

.rodape footer {
    background-color: #000;
    color: #F2FFFC;
    padding: 20px;
}

Essa regra foi feita para sobrescrever, a fim de deixar o rodapé preto, correto?

Você precisa colocar esse fundo preto no footer, que está dentro de um elemento com a classe rodape ou você precisa colocá-lo no footer COM a classe rodapé?

O footer! Logo, pode ser feito dessa forma:

footer.rodape  {
    background-color: #000;
    color: #F2FFFC;
    padding: 20px;
}

Ou simplesmente usando a classe rodape como seletor.

Espero ter ajudado e bons estudos,

Abcs!