Sobre classes

Tenho uma duvida nas classes, porque em alguns momentos nas section coloca <section class="container secundario"> E quando vai no Css pra representar essa class, coloca apenas o ( .secundario ) Por qual motivo não coloca o nome da classe por completo ? Pois em outros videos de HTML que vi nas aulas, coloca o nome da classe por completo, estou meio perdido nesse sentido.

Dentre outras vezes que foi feito a mesma maneira como na class container principal. <section class="container principal"> Foi usado apenas =

    .principal  {
            background-image: url("img/Background.png");
            background-repeat: no-repeat;
            background-size: contain;
            align-items: center;
            text-align: center;
}

OU

quando quando criou uma DIV e colocou o nome de <div class="container__caixa"> , mas no CSS usou apenas o .container

Poderiam me explicar o motivo de não escrever o nome da classe toda?