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

[Dúvida] Elementos Filhos x Elemento Pai

Referente ao curso HTML e CSS: cabeçalho, footer e variáveis CSS, no capítulo Preparando o layout do projeto e atividade Estilizando os links

por Maurício
| 25k xp | 77 posts

Olá Professor(a); Boa tarde tudo bem? Estou com dúvidas no que se refere ao elemento pai e elemento filho? No exemplo abaixo, os elementos filhos seriam as <div>s ?

<body>
    <div class="container">
        <div class="quadrado"></div>
        <div class="quadrado"></div>
        <div class="quadrado"></div>
        <div class="quadrado"></div>
    </div>
</body>

E se houvesse o seguinte exemplo?

<body>
<section class="quadrado">
    <div class="container">
        <div class="quadrado"></div>
        <div class="quadrado"></div>
        <div class="quadrado"></div>
        <div class="quadrado"></div>
    </div>
</section>
</body>

Obrigado, Mauricio G

1 resposta
solução!
por Mike de Sousa
| 1021.6k xp | 1824 posts
Alura Scuba Team Suporte Educacional

Olá, Maurício, como vai?

Sim, você está correto em seu primeiro exemplo. As <div> com a classe "quadrado" são elementos filhos da <div class="container">. O elemento pai, no caso, é o <div class="container">, já que ele envolve as outras <div>.

No segundo exemplo, a estrutura muda um pouco, mas o conceito é o mesmo. A <section class="quadrado"> se torna o elemento pai, e dentro dela, a <div class="container"> é o elemento filho dessa <section>. E, dentro da <div class="container">, os elementos com a classe "quadrado" ainda são filhos da <div class="container">.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado