Solucionado
Como indicado em exercício anterior de outra aula, esse problema foi corrigido no CSS com a seguinte formatação: Há algum problema em manter assim?
footer {
background-color: #000;
color: #F2FFFC;
padding: 20px;
}
article footer {
background-color:#F2FFFC;
color:#000;
}
hoje, com a Alura e o Google Gemini
Oi, Leonardo, tudo bem?
Não um problema em si, mas o interessante é que usemos as classes, pois conseguimos compreender semanticamente melhor as estilizações do arquivo css. Como por exemplo uma classe menu-nav quando lê-mos, entendemos que se trata de um menu de links. Fica mais compreeensível do que somene a tag nav. Como também, utilizar classes para reutilizar as estilizações., ou seja, através delas, pode-se atribuir a estilização de vários elementos de uma vez só. E para identifica-la no css, usa-se o ponto (.), antes do nomeVê no exemplo:
<div class="container">
<h1> Seu trabalhos</h1>
</div>
<div class="container">
<h1> Seu texto de apresentação</h1>
</div>
<div class="container">
<h1> Seu currículo</h1>
</div>
.container{
background-color: red;
}Acima vemos que consigmos fazer a mesma edição das três div igualmente com a classe container a partir do código CSS, ou seja, as três tags divs ficarão com o fundo vermelho. Porém, com o progresso do curso, o instrutor irá orientar sobre como trazer mais eficiência no uso da Classes e do ID's.