I use wp_nav_menu() to generate the ul pages lists and got difficulties finding how to style the page li that have child page under its.
Here is sample brief HTML output.
<ul><li class="page_item page-item-2"><a href="#">main 1</a></li> <li class="page_item page-item-4"><ahref="#">main 2</a> <ul class="children"> <li class="page_item page-item-6"><a href="#">Sub 1</a></li> <li class="page_item page-item-9"><a href="#">Sub 2</a></li> </ul> </li> </ul>
Let's say I want to style 'main 2' to display differently in order to tell visitors that 'main 2' have child pages.
Are there any possibility to style CSS in reverse order? So I could style li that have ul class='children' underneath.
It may be a good idea if I can put class 'is_parent' in li that have children. If you could direct me which function in WP does that, it would be appreciated. I tried using 'walker' object but I'm not quite understand it.