html - Targeting an element nested in two div classes -

html - Targeting an element nested in two div classes -

sometimes working wordpress can pain. im trying style menu generated wordpress.

here basic html

<div class="footer"> <!--generated wordpress--> <ul class="menu"> <li class="menu-item"> <a></a> <ul class="sub-menu"> <li class="menu-item"> <a></a> </li> </ul> </li> </ul> <!--end generated--> </div>

i want create css target <a> within sub menu, without messing <a> in main menu. cant mess other menus have set on site, must specific footer menu.

would proper method?

.footer .sub-menu { }

what proper method this?

actually right next ways appropriate:

1

.footer .sub-menu a{}

2

.footer ul.sub-menu a{}

3

ul.sub-menu a{}

html css wordpress