title: Remove underline from part of a link
body: <p>With this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>a sup {
      text-decoration: none !important;
      color: red;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a href="http:/example.com//"&gt;Example&lt;sup class='tm'&gt;&amp;trade;&lt;/sup&gt;&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Is it possible to remove the underline from the <code>&lt;sup&gt;</code> element? The css is clearly targeting the right element (it turns it red), but the <code>text-decoration</code> is ignored. Is there anyway use underline for only <em>part</em> of an <code>a</code> tag?</p>