title: How to override global stylesheet
body: <p>In a nutshell, there's a global stylesheet:</p>
  
  <pre><code>a { font-family: Arial; }
  </code></pre>
  
  <p>I want to use a different font family for a particular link:</p>
  
  <pre><code>&lt;a href="..." style="font-family: Helvetica;"&gt;...&lt;/a&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;span style="font-family: Helvetica;"&gt;&lt;a href="..."&gt;...&lt;/a&gt;&lt;/span&gt;
  </code></pre>
  
  <p>but nothing works. Is there an easy way to do this?</p>
  
  <p>P.S. I'm dynamically (via PHP) assign different fonts to different links, so creating a special class is not an option.</p>