title: CSS: How to allow the hover state only on devices which support hover?
body: <p>I was looking for a way to prevent touch devices from "simulating" the hover event. The reason is that you can't hover on touch devices like you can on a desktop with the cursor and this sometimes interfere with the user experience.</p>
  
  <p>Because I didn't found any solutions online I thought I post my own solution here. I hope this will help someone :)</p>