Seleccionar con intención

Una clase como .button puede reutilizarse. Un selector descendente como .card p limita una regla a un contexto.

Un id identifica un elemento único y es útil para enlaces internos; para estilos reutilizables, prefiere clases. Evita selectores excesivamente específicos y combina una base con modificadores.

Selectores y clases

.button { padding: .75rem 1rem; }
.button--primary { background: #f97316; }
.card p { color: #64748b; }