title: wordpress submenu (subpages) takes menu (pages) style
body: <p>I am working in wordpress building a theme from scratch.</p>
  
  <p>I register the menu with this in my functions.php:</p>
  
  <pre><code>register_nav_menus(array(
      'primary' =&gt; __('Primary Menu'),
      'footer' =&gt; __('Footer Menu')
  ));
  </code></pre>
  
  <p>And then through the appearance>menu I create the pages (menu) or the subpages (submenu). Because I don't do much html here, my css looks like this (my navigation is called #menuDenison):</p>
  
  <pre><code>.site-header nav ul li a{
      color:#363636;
      padding: 42px 15px;
  }
  .site-header nav ul li a:hover{
      text-decoration:none;
      background-color:#b5d803;
      color:white;
  }
  #menuDenison ul ul {
   display: none;
  }
  #menuDenison ul li:hover ul {
   display: block;
  }
  </code></pre>
  
  <p>The problem becomes now. When I hover a page on the menu, and it shows the subpages, the submenus take the same style that the menus so when I am on a submenu (hovering) they have padding: 42px 15px and  background-color:#b5d803 and I can not change it, even with !important. Plus, the submenu stays behind the big padding I need to have on the menu, and z-index is ignoring me too. I don't know what to do, any suggestions for this mess? I'm quiet new in web developing and more in wordpress so please, if someone has a suggestion.... say it simple, otherwise my mind won't process it :(!!</p>
  
  <p>Thank you!!!!</p>