title: how do I select in css so the items appears in hover state In entire page(mega menu)
body: <p><img src="https://i.stack.imgur.com/ifIFv.jpg" alt="example see image]; that end-result I want to reach.[1]"></p>
  
  <p>How to select in CSS that all list items appears only in hover state and in four columns-width 960px; (see image above). I don't know which tag to select in this case, see HTML below.</p>
  
  <pre><code>&lt;div class="categories"&gt;
    &lt;li&gt;
      &lt;a href="#"&gt;All categories&lt;/a&gt;
      &lt;ul class="sub-menu"&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;All categories&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/div&gt;
  </code></pre>