Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Dúvida no Ex. 12 da Aula 3 - Aprofundando no HTML

aplicando o código css no blog, todas as tags assumiram o fundo preto por que isso foi colocado no fundo do bio. Achei que ficou horrivel mas como colocar um comando para que isso não se aplique ao footer dentro do main. Segue o código

h2 {background-color
    font-family: "Arial";
    font-size: 20px;
}
main h1{
    font-size: 40px;
    background-color: rgb(133, 25, 68);
    color: rgb(255, 255, 255);
    text-align: center;
}
h1, h2{
    font-family: "Arial", sans serif;
}
body{
    background-color: #F2FFFC;
}
p{
    text-align: justify;
    font-family: "Times New Roma", serif;
}
blockquote{
    background-color: #D9E5E3;
}
nav{
    background-color: #3C1D3D;
    color: #F2FFFC;
}
footer{
    background-color: #000000;
    color: #F2FFFC;

}
main a{
    color: #851944;

}
aside a{
    color: inherit;
    font-family: "Open Sans Condensed", sans-serif;
}
5 respostas

Não entendi muito bem, Tania. O que ficou com o fundo preto? Você pode postar seu código HTML aqui para eu testar?

Mas, de qualquer maneira, arrisco uma tentativa: você sempre pode especificar mais em suas atribuições no CSS. Por exemplo, eu quero que todos os elementos no meu body tenham a cor de fundo preta, então coloco no CSS body{background: #000;}. Mas quero que meu footer, que está dentro do body, não se aplique a tudo isso e sim que tenha a cor de fundo branca. Posso então definir, no CSS, body footer{background: #FFF;} , ou às vezes apenas footer{background: #FFF;}.

solução!

Boa noite.

A resposta virá nas próximas aulas quando você conhecer o atributo "class".

O problema é por causa deste código:

footer{ background-color: #000000; color: #F2FFFC;

}

Que será resolvido se você colocar:

CSS: .rodape-pagina{ background-color: #000000; color: #F2FFFC; }

HTML:

.... seu código ...

HTML:

<footer class="rodape-pagina">

..... se codigo ...

</footer >

Obrigada Jones, agora resolvi de maneira satisfatória

ou apenas adicionar esse codigo ao css

main footer{
    color: inherit;
    background-color: inherit;
}