Sobre class e id

 Diferença básica: 

id →  É único. usado uma vez só na página:

<h1 id="titulo-principal">Minha loja</h1>

class → Pode ser usada várias vezes. Serve pra reutilizar estilo:

<p class="texto">Texto 1</p>

<p class="texto">Texto 2</p>

Quando usar cada um

Use id quando:

• o elemento é único
• você quer identificar algo específico

Ex:

• header principal
• um botão específico
• uma seção única

tipo: #menu, #banner, #rodape

Use class quando:

• você vai repetir
• é um estilo reutilizável

Ex:

• botões
• cards
• textos
• produtos

tipo: .card, .botao, .produto

Regra prática :

Se pode repetir → class

Se é único → id

Detalhe importante (CSS)

No CSS:

#titulo {

  color: red;

}

.texto {

  color: blue;

}

id tem mais “força” que class (ganha na prioridade)

Erros comum:

Usar id para estilizar, usar class no lugar. 

Dica!!!

usa class pra estilo

usa id mais pra JavaScript ou âncoras