title: How can I exclude a specific element from inheriting CSS rules?
body: <p>I have this CSS:</p>
  
  <pre><code>a {
    color:#19558D;
    padding:3px 5px;
    text-decoration:none;
  }
  
  a:hover {
    background-color:#D1E1EA;
    color:#19558D;
    text-decoration:none;
  }
  </code></pre>
  
  <p>It applies to all links, but what if I don't want it to apply to a specific link on the page? What can I do?</p>