Nao ficou claro pra mim que pra eu ativar o :hover no .blog eu tenho que adicionar + .inicio-post. Nao consegui entender muito bem o porque.
.blog a:hover + .inicio-post, .blog a:focus + .inicio-post {
display: block;
}
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Nao ficou claro pra mim que pra eu ativar o :hover no .blog eu tenho que adicionar + .inicio-post. Nao consegui entender muito bem o porque.
.blog a:hover + .inicio-post, .blog a:focus + .inicio-post {
display: block;
}
Olá Ian, tudo bem?
Na verdade, pra ativar o :hover você não precisa adicionar o + .inicio-post, o próprio navegador irá adicionar esse pseudoclasse quando você passar o mouse em cima do elemento.
Nesse caso, estamos adicionando + .inicio-post para aparecer a parte inicial do post quando o seu elemento com a classe .blog estiver com o pseudoclasse :hover.
Então, enquanto o .blog não tiver com :hover, ou seja, não tiver com o mouse em cima dele, o .post-inicialnão exibirá na tela.
Aguardo o feedback :D Abraço!
Obrigado pela explicação, dei uma analisada melhor no código entendi. Abraço.