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;
}
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;
}hoje, com a Alura e o Google Gemini
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.