Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Os h2 não deveriam aparecer no topo da janela, sobrepostos?

No caso desse exemplo, por causa da ordem de declaração das propriedades (primeiro o position do h2, depois da ul), os h2 não deveriam aparecer no topo da janela, sobrepostos?

<ul>
    <li>
        <h2>Título</h2>
        <p>Texto texto texto</p>
        <p>Mais texto</p>
    </li>
    <li>
        <h2>Título</h2>
        <p>Texto texto texto</p>
        <p>Mais texto</p>
    </li>
</ul>
h2 {
    position: absolute;
    top: 0;
}

ul {
    position: absolute;
}

Eu testei aqui, mas acho que não entendi o porquê disso não acontecer dessa forma.

2 respostas
solução!

Ana, boa tarde!

Não pois dentro do HTML o <ul> foi declarado primeiro, sendo assim ele se tornou referência para a posição do <h2> . Pra ser mais específico ele usa como refêrencia o primeiro elemento antecessor a ele com uma position declarada, que nesse caso era o <ul>

Boa tarde Felipe,

Entendi. Muito obrigada pelo esclarecimento :D

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software