title: :hover and :active on touch in mobile devices?
body: <p>I have a div that has</p>
  <pre><code>.mydiv{
      background-color:white;
      color:red;
  }
  
  .mydiv:hover{
    background-color:red;
    cursor: pointer;
    color:white;
  }
  </code></pre>
  <p>and I would like to have nice hover-like properties also on touch devices. The behavior I get is not exactly what I want. The hover-like behavior does occur, but it is sticky. I discovered that if I instead add</p>
  <pre><code>.mydiv:active{
    background-color:red;
    cursor: pointer;
    color:white;
  }
  </code></pre>
  <p>then the stickiness goes away, and it works as I want. However, then the normal hover behavior (on non-touch devices) goes away. :(</p>
  <p>What is the right way to do this?</p>