title: How can I make a link display only when it does NOT have a class of active?
body: <p>I have this code:</p>
  
  <pre><code>&lt;a class="active"
      data-ui-sref="exams"&gt;
          Exams
  &lt;/a&gt;
  &lt;span class="active"&gt;
      Exams
   &lt;/span&gt;
  </code></pre>
  
  <p>Is there a way that I can make the link display inline when it does NOT have a class of <code>active</code> and make the span display inline ONLY when it has a class of <code>active</code>. I think I can use the display property but I am not sure how to make something display when it does not have a class only. </p>
  
  <p>Here I add a bit more to the question as maybe it was not clear. Please note I would like this to display:</p>
  
  <pre><code>&lt;a&gt;xx&lt;/a&gt;
  </code></pre>
  
  <p>this <strong>not</strong> to display:</p>
  
  <pre><code>&lt;a class="active"&gt;xx&lt;/a&gt;
  </code></pre>