Classe diferentemente do id pode ser atribuida para mais de um elemento, ou seja você pode usar caso queira "puxar" atribuições de um elemento para outro, na imagem foi colocado tanto na tag main quanto na tag footer.
resumindo: quando você for no seu arquivo .CSS e colocar cor ou outra atribuição na sua classe o-footer ela vai ser atribuida tanto para a tag main quanto para a tag footer, espero ter ajudado.