Olá pessoal, gostaria de saber pra que serve uma div "container" no html sendo que ela só tem 1 filho? Essa classe nao poderia ser referenciada diretamente pelo pai ? Invés de eu referenciar ".cabecalhoPrincipal .container {" no css eu poderia referenciar diretamente o ".cabecalhoPrincipal"... Porque colocar mais uma div ali no meio?
<header class="cabecalhoPrincipal">
<div class="container">
<h1 class="cabecalhoPrincipal-titulo">
<a href="#">Alurinha</a>
</h1>
<nav class="cabecalhoPrincipal-nav">
<a class="cabecalhoPrincipal-nav-link" href="#">Home</a>
<a class="cabecalhoPrincipal-nav-link" href="#">Cursos</a>
<a class="cabecalhoPrincipal-nav-link" href="#">Sobre nós</a>
<a class="cabecalhoPrincipal-nav-link" href="#">Contato</a>
<a
class="cabecalhoPrincipal-nav-link cabecalhoPrincipal-nav-link-app"
href="#"
>Nosso APP</a
>
</nav>
</div>
</header>