title: Remove a specific inline style with Javascript|jQuery
body: <p>I have the following code in my html:</p>
  <pre><code>&lt;p id='foo' style='text-align:center; font-size:14pt; font-family:verdana; color:red'&gt;hello world&lt;/p&gt;
  </code></pre>
  <p>and that in my external css:</p>
  <pre><code>#foo{ font-size:11pt; font-family:arial; color:#000; }
  </code></pre>
  <p>I want to remove all <code>font-size</code> and <code>font-family</code> in the <code>style</code> atribute, but not the <code>color</code> and others set in external css.</p>
  <p><strong>Result expected:</strong></p>
  <pre><code>&lt;p id='foo' style='text-align:center; color:red'&gt;hello world&lt;/p&gt;
  </code></pre>
  <p><em><strong>Already tried:</strong></em></p>
  <pre><code>$('#foo').removeAttr('style');   // That removes all inline
  $('#foo').css('font-family',''); // That remove the css setted too
  </code></pre>