Solucionado
Oi gente, tenho uma grande dúvida. No caso acima em específico percebi que poderiamos ao em vez de criar uma classe no código HTML main (ex:
) poderíamos usar apenas o main puro no CSS (quando chamarmos o código html no CSS ao em vez de chamar o .apresentacao { }, poderiamos usar apenas o main { }) pois não é um elemento que iria se repetir no nosso código acima, logo não há necessidade de criar uma classe. Minha dúvida é, estou correto? Porque o instrutor utilizou mesmo assim a classe?
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.