title: outlook.com how to target css at a specific class
body: <p>I am designing an HTML email and I've made it look as good as I can in the email clients I have tested. I'm checking it now it Outlook.com and it has some issues (probably because they don't support margins) so I want to add some conditional styles for that client.</p>
  
  <p>I know that Outlook.com wraps the email in a <code>.ExternalClass</code> class and prepends any custom classes with <code>ecx</code> so I tried something like</p>
  
  <pre><code>* {color:black;}
  .ExternalClass * {color:red;}
  .ExternalClass .ecxMyClass {color:blue;}
  .ExternalClass .MyClass {color:green;}
  </code></pre>
  
  <p>just to see what selector would change the color of the text. I can't get any of them to work. Also I can't find where my styles are defined using an inspector like Firebug..</p>
  
  <p>According to <a href="http://www.campaignmonitor.com/css/" rel="nofollow">http://www.campaignmonitor.com/css/</a> Outlook.com should support style tags in the head or body and should be able to use classes as selectors.</p>
  
  <p>Pretty much all of my styles are defined inline but I want to add padding to an element only in Outlook.com so I can't just add it inline. How do I target my custom class element in Outlook.com?</p>