Czy jest i tak do wyborutylko pierwszy potomek używający CSS. Na przykład, czy mimo to należy uruchomić element .container i nadać mu styl <li class = "example"> z niebieskim obramowaniem, ale nie w elemencie <p class = "example">?

Wiem, że w CSS jest mnóstwo alternatywnych sposobów na to. Ale czy istnieje sposób, aby to zrobić z dokładnym kodem poniżej? Oznacza to, że używaj tylko klas selektora .container i .example, pozostaw klasę .container dokładnie tam, gdzie jest w poniższym kodzie HTML i użyj dokładnego znacznika HTML poniżej.

<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>