Hoe maak ik WP menu's met unieke styling voor de items?

Vaak als ik een menu bouw, heb ik te maken met het feit dat elke menu item, of elk LI element zo je wilt, apart gestyled moet worden. Ik kan dan dus geen uniforme styling voor alle elementen toepassen, omdat per item bijvoorbeeld de achtergrondkleur of breedte varieerd.

Omdat ik de LI elementen per stuk uniek moet stylen, maak ik dan geen gebruik van de WP functies wp_list_pages() of wp_nav_menu(). Daardoor komt het er op neer dat ik de menu’s ‘hardcoded’ in de templates zet, met alle vervelende gevolgen van dien.

Mijn vraag is: is er een manier om de LI’s / menu elementen toch per stuk uniek te stylen en toch gebruik te kunnen maken van de interne WP functies wp_list_pages() of wp_nav_menu()?

Voorbeeldje wat ik bedoel:

HTML:

<ul id="navigation">
<li class="button1"><a>Button1</a></li>
<li class="button2"><a>Button2</a>
	<li class="button2"><a>Button2A</a></li>
	<li class="button2"><a>Button2B</a></li>
</li>
<li class="button3"><a>Button3</a></li>
<li class="button4"><a>Button4</a></li>
</ul>

CSS:

ul#navigation {
    padding: 0;
    list-style-type: none;
    position: relative;
} 

#navigation li {
    display: block;
    float: left;
}

#navigation li.button1 {
	width: 135px;
	background-color: #284;
}
#navigation li.button2 {
	width: 120px;
	background-color: #f30;
}

#navigation li.button3 {
	width: 131px;
	background-color: #61a;
}
#navigation li.button4 {
	width: 145px;
	background-color: #d3e;
}