title: Adding a :hover effect in Mobile Safari when the user "taps"
body: <p>Is it possible to trigger a <code>:hover</code> event whenever a Mobile Safari user single taps on a div area?</p>
  
  <p>It does not have to be a link. Actually, it can't be a link because the user will go to another webpage.</p>
  
  <p>The hover effect I have applied is actually on a div : <code>#div:hover {color:#ccc;}</code>
  I would like for this hover to happen whenever an iPad or iPhone user single taps on the div area.</p>
  
  <p><strike>I know that piece of CSS exists for the background color of a link:
  <code>-webkit-tap-highlight-color:rgba(200,0,0,0.4);</code>
  But this does not apply to my situation. </p>
  
  <p>If this could apply to the color of the text, for example, then I could use it.</strike></p>
  
  <p>Update: <strong>Please see my accepted answer below</strong></p>