Opa, Francisco! Tudo bem?
Ao definir a classe para o elemento html a cada "espaço" ele interpreta como uma classe diferente, por exemplo, temos um elemento que tem tanto a classe destaques__principal
quanto a caixa
.
No código da aula nós temos destaques diferentes que recebem estilizações diferentes, o destaques__principal
e o destaques__secundário
, mas ambos também tem estilizações em comum através da classe caixa.
Isso também nos ajuda a não repetir código! Imagine ter que escrever as estilizações da classe caixa repetidamente em todos os destaques? Seria bastante código a mais.
Não temos conteúdo específico sobre múltiplas classes mas encontrei esse material aqui pra auxiliar: https://metring.com.br/como-usar-class-em-html-e-css
Bons estudos!