CSS frente a Tailwind
El CSS clásico destaca en selectores complejos y animaciones. Tailwind destaca al colocarse junto al markup. La mayoría de equipos usan ambos.
El debate entre CSS clásico y Tailwind suele plantearse como si hubiera que elegir bando. En la práctica, el CSS tradicional resuelve mejor los selectores complejos y las animaciones, mientras que Tailwind acerca la decisión visual al marcado. Esta guía repasa dónde encaja cada uno y qué conviene revisar a mano antes de decidir.
Cuándo quedarte en CSS
Animaciones complejas, print y selectores que atraviesan muchos nodos suelen vivir mejor en CSS. Tailwind brilla en UI de componentes donde el markup y el estilo viajan juntos.
Cómo comparar sin pelear
Traduce un card o un toolbar, no un reset global. Lee notas del conversor y decide token, valor arbitrario o CSS a mano.
Criterio de equipo
Acuerda escala y excepciones antes de migrar páginas enteras. El “versus” es operativo, no religioso.
Probar
.example { display: flex; gap: 1rem; padding: 1rem; }Nota de confianza: verifica el resultado visualmente. El conversor es un borrador para desarrolladores.