title: Hover with id not working
body: <pre><code>&lt;style type="text/css"&gt;
      #parent:hover #abc{
          display: block ;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>The :hover in this is not working
  The following was the code used. Whenever the mouse hovers over #parent #abc should be displayed. But this it is not happening so. </p>
  
  <pre><code>&lt;a class="w3-bar-item w3-button" id="parent"&gt;LIK2&lt;/a&gt;
  &lt;ul style="list-style-type: none;margin: 0px; margin-left:100px;position: absolute; top: 0px; padding: 0px; background-color:green; display: none" id="abc" class="w3-bar-block"&gt;
      &lt;li class="w3-bar-item w3-button"&gt;Link1 &lt;/li&gt;
      &lt;li class="w3-bar-item w3-button"&gt;Link1&lt;/li&gt;
      &lt;li class="w3-bar-item w3-button"&gt;Link1&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>please can someone figure out the problem.</p>
  
  <p>EDIT:
  Entire code</p>
  
  <pre><code> &lt;div class="w3-dropdown-hover" style="width: 50%;"&gt;
      &lt;button class="w3-button"&gt;SomeButton&lt;/button&gt;
      &lt;div class="w3-bar-block w3-black w3-dropdown-content   " id="xyz" style="width: 100px; "&gt;
          &lt;a class="w3-bar-item w3-button"&gt;LIK1&lt;/a&gt;
          &lt;div style="margin:0px; padding: 0px; position: relative;" id="parent"&gt;
              &lt;a class="w3-bar-item w3-button"&gt;LIK2&lt;/a&gt;
              &lt;ul style="list-style-type: none;margin: 0px; margin-left:100px;position: absolute; top: 0px; padding: 0px; background-color:green; display: none" id="abc" class="w3-bar-block"&gt;
                  &lt;li class="w3-bar-item w3-button"&gt;
                      Link1
                  &lt;/li&gt;
                  &lt;li class="w3-bar-item w3-button"&gt;
                      Link1
                  &lt;/li&gt;
                  &lt;li class="w3-bar-item w3-button"&gt;
                      Link1
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;      
          &lt;a class="w3-bar-item w3-button"&gt;LIN3&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>