title: Change class based styles to inline styles
body: <p>Is there a service available that will change class based styles to inline styles. I need to design an email and working with classes is by far easier and faster, but everything then must be changed to inline styles in the end. It seems like there should be a program that can do this, but I can't seem to find anything.</p>
  
  <pre><code>  &lt;table class="g"&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;p&gt;
                  content should be bright green
              &lt;/p&gt;
              &lt;span&gt;
                  content should be red and bold
              &lt;/span&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  &lt;style&gt;
  table.g p{
      color:#3f0;
  }
  table.g span{
      color:#f00;
      font-weight:bold;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>Can this be automatically changed to</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
            &lt;p style="color:#3f0;"&gt;
                  content should be bright green
              &lt;/p&gt;
              &lt;span style="color:#f00;font-weight:bold;"&gt;
                   content should be red and bold
              &lt;/span&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>using some sort of software that understands how CSS rules are applied, and can automatically convert them?</p>
  
  <p>*tagged with javascript and jquery in case there is a way to do this using that. </p>