title: How do i fix :hover on iPhone if there is no <a> element?
body: <p>How do i fix <code>:hover</code> on iPhone if there is no <code>&lt;a&gt;</code> element?</p>
  
  <p>I'm using a <code>&lt;li&gt;</code> element and the iPhone doesn't open my sub-menu when i tab it.</p>
  
  <p><em>Example html:</em></p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;Menu item (no &lt;a&gt; element)
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#"&gt;Menu item&lt;/a&gt;&lt;li&gt;
      &lt;/ul&gt;
    &lt;li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><em>I answered a JavaScript way to fix this, but i want to know if there are different ways to fix this (maybe a better one)</em></p>