Разноцветное меню

HTML

<ul id="menu">
	<li><a href='/'>Ссылка</a></li>
	<li><a href='/'>Ссылка</a></li>
	<li><a href='/'>Ссылка</a></li>
    <li><a href='/'>Ссылка</a></li>
	<li><a href='/'>Ссылка</a>
		<ul>
			<li><a href='/'>Ссылка</a></li>
			<li><a href='/'>Ссылка</a></li>
			<li><a href='/'>Ссылка</a></li>
			<li><a href='/'>Ссылка</a></li>
		</ul>
	</li>
    <li><a href='/'>Ссылка</a></li>
</ul>

CSS

.first { background: red; }
.second{ background: green; }
.third { background: blue; }

JavaScript

/*jQuery(function($){
    var classes=['first','second','third'], color = classes.length;
    $('#menu').find('>li').each(function (i) { 
            $(this).addClass(classes[i++%color]);
    })
});
*/
(function(){
    var classes=['first','second','third'],
    allli = document.querySelectorAll('#menu>li'),
    c = classes.length, i = allli.length;
    for(; i--;) allli[i].className = classes[i % c];
}());