Existe alguma maneira de selecionarsó o primeiro descendente usando CSS. Por exemplo, existe alguma maneira de começar no elemento .container e estilizar o <li class = "example"> com uma borda azul, mas não com o <p class = "example"> dentro dele?

Eu sei que há uma tonelada de formas alternativas para isso em CSS. Mas existe uma maneira de fazer isso com o código exato abaixo? Ou seja, use apenas as classes de seletor .container e .example, deixe a classe .container exatamente onde está dentro do HTML abaixo e use a marcação HTML exata abaixo.

<style>
    .container .example{
        border: 1px solid blue;
    }
</style>

<div>
    <div class="container">
        <ul>
            <li class="example"><p class="example"></p></li>
            <li class="example"><p class="example"></p></li>
        </ul>
    </div>
</div>