Olá!
Estava fazendo o hover funcionar no código conforme o exercício.
Só que pintou uma dúvida. Por que eu preciso colocar
.blog a:hover + .inicio-post,
.blog a:focus + .inicio-post {
display: block;
}com o a, ao invés de:
.blog:hover + .inicio-post,
.blog:focus + .inicio-post {
display: block;
}
Colocando o a você especifica que apenas os as dentro do elemento .blog terão o hover.
Mas se você faz da segunda forma, sem o a, todos os elementos, inclusive os que não forem a, também receberão o hover.
Se vocẽ só tem um a no seu elemento .blog então, o comportamento será igual.
Mas sem o a ele não chega nem a funcionar!