1
resposta

Pra que serve a div "container"

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>
1 resposta

Parece a mesma coisa, mas no fundo não é. Faça um teste: coloque um tamanho fixo na classe da div de 940px e margin 0 auto para centralizar - e em seguida coloque um background azul. Depois, coloque um background vermelho na classe do header. Então, a div da mais opções de estilização e uma maior flexibilidade. Resumindo: Se eu aplico algo no header, esse algo será feito em tudo, porém quando aplico na div, será apenas na div, e não no header.