Solucionado
.blog .inicio-post {
position: absolute;
top: 4em;
height: 8em;
left: 30%;
right: 4em;
background-color: #F2FFFC;
color: #000;
padding: 1.5em;
}Retirei o .blog e não fez diferença alguma no resultado. 1 - Para que ele serve neste código?
2 - Por qual motivo o background-color não foi aplicado a todo .blog, mas apenas ao .inicio-post?
Fala aí Bruno, beleza? Vamos lá:
1 - Para que ele serve neste código?
O .blog serve para especificar o seletor CSS, aqui estamos dizendo que queremos pegar todos os filhos de .blog que tenham a classe .inicio-post.
2 - Por qual motivo o background-color não foi aplicado a todo .blog, mas apenas ao .inicio-post?
Justamente por causa do seletor, quando adicionamos classes entre espaços sempre leia da esquerda para a direita, nesse caso seria:
.blog
.inicio-postE para cada classe vá descendo a hierarquia da árvore do DOM.
Espero ter ajudado.