Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dúvida - UL > LI

Referente ao curso HTML5 e CSS3 II: Turbinando as suas páginas, no capítulo Seletores avançados do CSS e atividade Listas e sublistas

por Felipe
| 130.2k xp | 61 posts
<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?

1 resposta
solução!
por Hiroshi Farias Saito
| 312.5k xp | 114 posts
Fullstack Developer

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.