Solucionado
Quando colocamos esse css: .blog .inicio-post { position: absolute; top: 4em; height: 8em; left: 30%; right: 4em; background-color: #F2FFFC; color: #000; padding: 1.5em; é por que queremos restringir essas tags para o .inicio-post? e se por acaso eu colocasse apenas .inicio-post(com essas tags) e em .blog colocasse um position relative seria o mesmo ?
Boa tarde, Yuri! Como vai?
Quando fazemos
.blog .inicio-post {
// propriedades CSS omitidas.
}estamos utilizando um seletor chamado hierárquico! Ou seja, nesse caso, o CSS selecionará todos os elementos que tenham a classe inicio-post E que sejam filhos de um elemento que tenha a classe blog.
Dessa forma fazendo apenas
.inicio-post {
// propriedades CSS omitidas.
}resultaria em um comportamento diferente, uma vez que assim seriam selecionados todos os elementos com a classe inicio-post independentemente se são filhas ou não de um elemento com a classe blog.
Pegou a ideia? Qualquer coisa é só falar!
Grande abraço e bons estudos, meu aluno!