Ao invés de usar os seletores, dividi a classe .post-blog em duas, ficando:

.post-blog {
    padding-bottom: 1.5em;
    margin-bottom: 1em;

}
.margem{
    background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 1), rgba(200, 200, 200, 0));
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom center;
}

e no Html adicionei a classe .margem apenas nas duas primeiras postagens

<article class="post-blog margem">
                <h2 class="subtitulo-texto">O essencial de design responsivo</h2>

............

<article class="post-blog margem">
                <h2 class="subtitulo-texto">Por que fazer páginas acessíveis?</h2>

.............

<article class="post-blog">
                <h2 class="subtitulo-texto">JavaScript não obstrusivo</h2>

..............

Posso considerar uma ideia valida?