A blog for keeping track of and showing off updates in the email development landscape. Tools I develop and tips I learn will be shared here as well.
AOL/Yahoo Style Bug
Published on 04 Oct 2022
Small post, just learned that AOL/Yahoo styles wont work if there preceeded by a CSS comment. Keep an eye out for that.
Example
<style type="text/css">
/*Comment Here*/
.ignoredByYahoo { display: block !important; }
</style>
This can be used as a way to create target for AOL/Yahoo if needed.
<style type="text/css">
.class { color: red; }
/*yahoo ignores this next class, but works for all others*/
.class { color: blue; }
</style>
There are a few ways to prevent this issue:
- Remove the CSS comment
- Make the CSS comment an HTML comment outside the
<style>tag - Add an empty style beneath it like this:
<style type="text/css">
/*Comment Here*/
.{}
.notIgnoredByYahoo { display: block !important; }
</style>