I would like to learn how to assign specific classes to <ul><li> elements to be able to identify each level, and sub-level of the navigation menu/navblock.

A sample output of my html would be:

<ul class="nav">
<li>Home</li>
<li class="hasSubmenu">About Us
<ul class="subMenu">
<li class="hasSubmenu">Testimonials
<ul>
<li>person 1</li>
<li>person 2</li>
<li>person 3</li>
</ul>
</li>
<li>Celebration</li>
<li>Top Dealer</li>
</ul>
</li>
<li>Contact</li>
</ul>