However, the lack of <style> tag (embedded CSS)* support in Gmail is a real pain for email developers and designers. All modern email clients have long supported it including Yahoo! Mail and Outlook.com.
Without embedded CSS, developers need to painstakingly inline our CSS and we are not able to use modern techniques to make our emails mobile responsive and interactive as well. This means emails rendered in the Gmail app doesn’t look as good as it should.
Yup! See, within style tags, we can use CSS pseudo-classes and sibling selectors. And with pseudo-classes and sibling selectors we can make this:
Here are a few more examples of cool stuff that can be done with embedded CSS in email. Without embedded CSS, emails in Gmail look static… and boring. And boring is bad.
As developers and email designers we hope you understand why this change is necessary.