title: make parent anchor link color change on dropdown hover
body: <p>I am a mega menu and i want color of parent menu to change to red/green when one hover over the sub-menu.</p>
  
  <p>Right now i tried few things which didnt work may be i am doing something wrong</p>
  
  <p><a href="http://jsfiddle.net/5eecT/13/" rel="nofollow">http://jsfiddle.net/5eecT/13/</a></p>
  
  <p>This doesnt seem to work</p>
  
  <pre><code>.nav &gt; li &gt; a:hover .dropdown  {
     padding:6px 12px 9px 12px;
      color:#444;
      display:block;
      text-align:center;
      border-left:0px solid #444;
      border-right:0px solid #444;
      border-top:0px solid #444;
      text-decoration:none;
      color:#028F41;
      background-color:yellow;
  }
  </code></pre>
  
  <p>UPDATE:</p>
  
  <p>This did trick for me</p>
  
  <pre><code>.nav &gt; li:hover &gt; a
  {
         /*background:#028F41;*/
      text-decoration:none;
      color:#028F41;
  }
  </code></pre>