title: How to remove/ignore :hover css style on touch devices
body: <p>I want to ignore all <code>:hover</code> CSS declarations if a user visits our website via touch device. Because the <code>:hover</code> CSS does not make sense, and it can even be disturbing if a tablet triggers it on click/tap because then it might stick until the element loses focus. To be honest, I don't know why touch devices feel the need to trigger <code>:hover</code> in first place - but this is reality, so this problem is reality as well.</p>
  <pre class="lang-css prettyprint-override"><code>a:hover {
    color:blue;
    border-color:green;
    /* etc. &gt; ignore all at once for touch devices */
  }
  </code></pre>
  <p><strong>So, (how) can I remove/ignore all CSS <code>:hover</code> declarations at once (without having to know each one) for touch devices after having them declared?</strong></p>