Solucionado
Opa, tudo bem?
É pedido para colocar uma cor no a da classe mais-recente dessa maneira:
.blog .mais-recente {
background-color: #F2FFFC;
}
.blog .mais-recente a {
color: #F26;
}Pra mim dessa forma não funcionou e a solução que tive foi:
.blog .mais-recente {
background-color: #F2FFFC;
width: 30%;
color: #F26;
}Não entendi por que a forma do instrutor não funcionou.
Oi José tudo bem?
Poderia colocar seu projeto no github, por gentileza, para eu analisar ele e ver o porque não funcionou?
Tudo ótimo José!
Aconteceu o seguinte.
Antes de você colocar o css da cor vermelha quem tava ganhando era a cor rosinha do
.blog li a {
color: #FCF;
padding: .5em;
display: block;
}quando colocou o código do professor o rosinha ainda prevalecia
então eu fui investigar com o comando abaixo no console (F12) pra ver se existia o .blog .mais-recente a:
document.querySelectorAll(".blog .mais-recente a")e me retornou nada
então fui olhar na sua estrutura HTML e ela está assim:
.blog ol .mais-recente
porque tem uma lista ol e depois um .mais-recente
testei com
document.querySelectorAll(".blog ol .mais-recente")e retornou o elemento que queria então mudei o css para
.blog ol .mais-recente {
color: #F26;
}E advinhe só deu certo!!!!
Espero ter ajudado!!!