Dúvida classes

Olá, Ruan! Como vai?

Quando você define uma classe como "principal container" no HTML, na verdade, você está definindo duas classes separadas: "principal" e "container". No CSS, você pode estilizar cada uma dessas classes separadamente, usando os seletores .principal e .container.

Por exemplo:

.principal {
  background-color: blue;
}

.container {
  width: 100%;
}

Nesse caso, qualquer elemento HTML que tenha a classe "principal" terá um fundo azul, e qualquer elemento com a classe "container" terá a largura de 100%.

Agora, se você juntar as duas classes em uma só no CSS, como .principal_container, você estará estilizando uma classe específica chamada "principal_container". Isso é diferente de estilizar as classes "principal" e "container" separadamente.

Por exemplo:

.principal_container {
  background-color: blue;
  width: 100%;
}

Nesse caso, apenas os elementos HTML que têm a classe "principal_container" receberão esse estilo.

Então, basicamente, a diferença entre usar classes separadas ou juntas é a flexibilidade. Com classes separadas, você pode reutilizar os estilos em diferentes partes do seu site. Com uma classe única, o estilo será aplicado especificamente para aquela classe.

Espero ter ajudado e bons estudos!

Ahhh entendii, faz sentido, reutilizar essas mesmas classes para estilizar outros elementos, muito obrigado Sarah pela ajuda!