Sometimes working with wordpress can be a pain. Im trying to style a menu that is generated by wordpress.

here is the basic html

<div class="footer">
  <!--Generated By WordPress-->
  <ul class="menu">
    <li class="menu-item">
      <a></a>
    </li>
    <ul class="sub-menu">
      <li class="menu-item">
        <a></a>
      </li>
    </ul>
  </ul>
  <!--End Generated-->
</div>

I want to create some CSS to target specifically the within the sub menu, without messing with the in the main menu. Also I cant mess with any other menus I have set up on the site, so this also must be specific to the footer menu.

Would this be the proper method?

.footer .sub-menu a { }

What would be the proper method for this?

Read more here: Targeting an element nested in two div classes


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.

Related Wordpress search:

, , , ,

Wordpress related questions and answers: