title: disable hover and active pseudo class for mobile devices
body: <p>Is it possible to disable the hover and active pseudo classes for mobile devices only?</p>
  
  <p>I've found this</p>
  
  <pre><code>html.touch {
    /* Touch is enabled */
  }
  
  html.no-touch {
    /* Touch is disabled */
  }
  </code></pre>
  
  <p>Which seems pretty neat. But I can't get it to work.</p>
  
  <p>The code is below, and you can test it here: <a href="http://jsfiddle.net/5qb2J/" rel="nofollow">http://jsfiddle.net/5qb2J/</a></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt;
  #button{background:url("http://www.webstuffshare.com/wp-content/uploads/2010/03/button3.jpg") no-repeat 0 0;display:block;width:201px;height:67px;}
  #button:hover{background-position:0px -67px;}
  #button:active{background-position:0px -134px;}
  #button span{position:absolute;top:-99999999em;}
  &lt;/style&gt;    
  &lt;/head&gt;
  &lt;body&gt;
  &lt;a id="button" href="#"&gt;&lt;span&gt;this is foo&lt;/span&gt;&lt;/a&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <hr>
  
  <h2>edit</h2>
  
  <p>I'm using this now</p>
  
  <pre><code>&lt;?php // detect mobile
  $Mobile = FALSE;
  if
  (strstr(strtolower($_SERVER["HTTP_USER_AGENT"]), "android") ||
  strstr(strtolower($_SERVER["HTTP_USER_AGENT"]), "webos") ||
  strstr(strtolower($_SERVER["HTTP_USER_AGENT"]), "iphone") ||
  strstr(strtolower($_SERVER["HTTP_USER_AGENT"]), "ipod") ||
  strstr(strtolower($_SERVER["HTTP_USER_AGENT"]), "ipad") ||
  strstr(strtolower($_SERVER["HTTP_USER_AGENT"]), "zune"))
  {
  $Mobile = TRUE;
  }
  ?&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;?php
  If ($Mobile == FALSE)
  {
  echo &lt;&lt;&lt;escapethis
  some html here
  escapethis;
  }
  ?&gt;
  </code></pre>
  
  <p>the lines that use the word escapethis can not begin with a space</p>