Escolhendo O QUE estilizar
O seletor decide quais elementos a regra atinge. Os 3 principais:
| Seletor | Exemplo | Atinge |
|---|---|---|
| elemento | p | todos os <p> |
| classe | .oferta | os que têm class="oferta" |
| id | #carrinho | o único id="carrinho" |
p { color: gray; } /* todos os parágrafos */
.oferta { color: green; } /* só os da classe oferta */
🧠 Como lembrar a pontuação: ponto para classe (
.), cerquilha para id (#), e nada para elemento.
Na prática: o dia a dia do CSS é feito com classes — elas são reutilizáveis e flexíveis.
