Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
<ul>
<li>Item da lista</li>
<li>
<ol>
<li>Item da sublista</li>
<li>Item da sublista</li>
</ol>
</li>
<li>Item da lista</li>
<li>Item da lista</li>
</ul>ul > li{
color:red;
}Fiz esse teste pois fiquei na dúvida para responder e o css pinta todos os LI, porque isso acontece?
Isso corre porque nesta tag a propriedade color foi configurada como red:
<ul>
<li>Item da lista</li>
<li> <!-- Esta tag -->
<ol>
<li>Item da sublista</li>
<li>Item da sublista</li>
</ol>
</li>
<li>Item da lista</li>
<li>Item da lista</li>
</ul>E como não foi configurado no css nenhuma cor para a tag ol ou li dentro dessa sublista, eles vão herdar a cor da tag pai.