¿Por qué Gmail bloquea CSS en los correos electrónicos?

Las hojas de estilo son una de las muchas características HTML que a menudo son bloqueadas por los proveedores de correo web.

El correo HTML es un mundo de dolor y no va a mejorar; de hecho, puedes esperar que empeore. Casi todas las características de HTML no están soportadas en algún servicio de correo o webmail. Cualquier cosa moderna es una pérdida mortal. Y, por supuesto, todavía están los clientes de solo texto.

A menos que tengas tiempo libre para quemar tu código y probando hasta el último correo, olvida el correo HTML . Simplemente envíe un correo de texto con un enlace a una página web normal donde puede estar seguro de que todo funcionará como se espera.

Si pudiera incrustar estilos en clases e ID en un correo electrónico, estos podrían colisionar accidentalmente con estilos utilizados por gmail para mostrar la aplicación, o a propósito por alguien con intenciones maliciosas. Los estilos en línea son locales para la etiqueta, y por lo tanto deja los estilos de gmail solos.

Google tiene que proteger la experiencia de usuario que ha creado para las personas.

Estoy contestando demasiado tarde, pero esto puede ayudar a alguien aquí. Para poder ver tu correo como está en gmail y otros clientes de correo electrónico, necesitas un estilo en línea para cada etiqueta en tu html, pero escribir css en línea para cada etiqueta html lleva mucho tiempo, para ahorrar tiempo usa la herramienta incorporada

http://templates.mailchimp.com/resources/inline-css/

Simplemente pegue toda su plantilla de correo electrónico y obtendrá el documento html con css en línea en cada etiqueta. Así de fácil :)

Nota: puede tener su clase e id en clase tal como está.

Otra buena fuente de información es la Referencia de la Plantilla de correo electrónico MailChimp. Encuentro la sección de Desarrollo particularmente útil porque incluye información sobre lo que soporta CSS GMail y cómo aprovecharlo.

Acabo de probar esto y admite estilos en línea, hace que el código sea un poco feo, pero puedes sortearlo todo.

Espero que eso ayude.

Si estás usando Ruby on Rails y ActionMailer puedes usar la gema ActionMailer Inline CSS. Todo lo que tienes que hacer es instalar la gema y automáticamente insertará todo el CSS en tus plantillas de correo. Literalmente no podría ser más fácil.

ActionMailer CSS en línea en GitHub

Gmail bloquea todos los activos externos (referenciados): hojas de estilo, imágenes, scripts, etc. Esto es para proteger la privacidad del destinatario. Todavía puedes incluir estilos en línea:

<span style="color:red;">Red text</span>