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

porque " #rodape-pagina footer { " não funciona?

Quando o instrutor fez "ID (espaço) TAG" quando explicou como usar o id, deu certo. Colocando o código abaixo, ele não selecionou corretamente

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

Tirando "footer", funciona (o que é a resposta). Por que? Não deveria funcionar das duas formas?

2 respostas
solução!

Oi Marcio, tudo bem?

Nao fiz o exercicio, mas qual é o objetivo do código que você colou acima? Talvez seja um erro no exercício também!

Usando o seletor assim: #rodape-pagina footer você selecionará o elemento footer que é filho de um elemento qualquer com o ID #rodape-pagina.

Tirando o footer, você vai selecionar apenas esse elemento pai com o ID #rodape-pagina. Tentei exemplificar isso tudo nesse Jsbin aqui.

Dá uma conferida também se você está fechando os elementos corretamenta, isso pode influenciar totalmente em como o CSS vai ser aplicado.

Aguardo seu retorno,

Abcs!

Eu vi um problema similar semana passada. A solução foi alterar o método de referência à classe. Não deveria ser "." ao invés de "#"?