Oi João, tudo bem?
Sua observação está correta, você poderia usar o seletor main
diretamente no CSS, já que este é um elemento que não se repete na página. No entanto, a utilização de classes, mesmo em elementos únicos, é uma prática comum e recomendada por vários motivos.
Um deles é a questão da especificidade no CSS. Seletor de classe tem uma especificidade maior do que seletor de elemento. Isso significa que, se houver algum conflito de estilos, o navegador dará preferência ao estilo definido pela classe.
Outro ponto é que, ao usar uma classe, você está dando ao elemento uma descrição semântica que pode ajudar outros desenvolvedores (ou você mesmo no futuro) a entender o propósito daquele elemento na página.
Por exemplo, se você tem um <main class="apresentacao">
, é mais fácil entender que esse é o conteúdo principal de apresentação da página do que se você tivesse apenas um <main>
.
Além disso, mesmo que o elemento não se repita na página atual, a classe pode ser reutilizada em outras páginas do site, mantendo a consistência do estilo.
Então, mesmo que seja possível usar o main
diretamente, a utilização de classes pode trazer benefícios em termos de organização, manutenção e reutilização do código.
Um abraço e bons estudos.