Conditional Formatting for Early Outlook Versions

Code, Outlook

From Nicole Merlin’s post at https://litmus.com/community/discussions/396-conditional-code-for-outlook:

To get things to work in all versions of Outlook, including Outlook 2000, 2002 & 2003 since they render using IE:

<!--[if (gte mso 9)|(IE)]>
[HTML code]
<![endif]-->

And I use the same for my conditional CSS

<!--[if (gte mso 9)|(IE)]>
<style></style>
<![endif]-->

And sometimes include separate conditional CSS to only target 2007+

<!--[if mso]>
<style></style>
<![endif]-->

Also, I have found with conditional CSS that is really matters that the !important is there and that is has a space before it. It looks like you already have that correct, although one of your rules background: blue; did not have !important.

So, for example…

li {padding-left: 2px!important;}

Will not work, instead you need to write:

li {padding-left: 2px !important;}

Check the code being output carefully… some ESPs also add the !important even if you already have it, so you might also being ending up with !important !important which will mean they won’t work.