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

criar class para tag footer

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 Rodrigo Maeda
| 52.6k xp | 3 posts

Porque quando crio uma classe para a tag no HTML tenho que selecioná-la de maneira diferente no CSS de como ocorre por exemplo se eu criar uma classe para a tag

  • ?

    Trecho HTML:

    <ul class="icone-rede-social">
                <li><a href="https://github.com/git-joaodasilva"><img src="github.png" alt="Link para o perfil de João da Silva no Github"></a></li>
                <li><a href="https://twitter.com/twitter-joaodasilva"><img src="twitter.png" alt="Link para o perfil do João da Silva no Twitter"></a></li>
                <li><a href="https://br.linkedin.com/pub/linkedin-joao-da-silva/32/4/508"><img src="linkedin.png" alt="Link para o Linkedin de João da Silva"></a></li>
            </ul>
        </aside>
        <footer class="rodape">
            &copy; João da Silva 2014
        </footer>

    Trecho CSS:

    .icone-rede-social li {
    display: inline-block;
}

footer.rodape {
    background-color: #000;

}

    O que quero dizer é, porque na tag preciso inverter a chamada? Tentando da maneira como fiz para a tag

  • não funciona corretamente, não aplicando os estilos setados...
2 respostas
solução!
por Pedro Matheus
| 43.4k xp | 5 posts
.icone-rede-social li {
    display: inline-block;
}

^ funciona porque você quer selecionar a tag com a classe .icone-rede-social e dentro dela você quer a(s) tag(s) li. No código que você enviou existe uma tag com a classe .icone-rede-social e dentro dela existem varias tags li.

footer .rodape {
    background-color: #000;

}

^Esse funciona pelo mesmo motivo. Você quer encontrar uma tag footer e dentro dela você quer uma tag com a classe .rodape. (o código que vc enviou não possui essa tag footer mas vou assumir que ela existe ja que o código funcionou)

Ja esse codigo...

.rodape footer {
    background-color: #000;

}

Você estaria procurando uma tag com a classe .rodape e dentro dela você quer encontrar uma tag footer.

e olhando pro html...

<footer class="rodape">
    © João da Silva 2014
</footer>

ali esta a tag com a classe .rodape que voce queria encontrar...

mas não existe nenhuma tag footer dentro dela.

Por isso inverter não funcionaria.

por Emerson Lima
| 199k xp | 3 posts

No caso da Tag footer como não existe nenhuma tag dentro da footer você pode chamar a classe direto no CSS, ficaria assim: 

.rodape{
    background-color: #000;
}