title: How do I unhover on a link using CSS/JavaScript?
body: <p>I'm using CSS to set my links to red when I hover over them. Clicking on them would open a new tab, but my links would remain hovered(red). Is it possible to unhover on a button click? This looks really bad, especially on mobile.</p>
  
  <pre><code>CSS:
  a:hover {
  color: red;
  }
  
  HTML:
  &lt;a href="www.example.com" target="_blank"&gt;Open site in new tab, remains red&lt;/a&gt;
  </code></pre>