.renk0 { background:renk kodu }
.renk1 { background:renk kodu }
.renk2 { background:renk kodu }
.renk3 { background:renk kodu }
.renk4 { background:renk kodu }
.renk5 { background:renk kodu }
.renk6 { background:renk kodu }
....

yukarıdaki gibi her renk için sitil tanımlayabilirsiniz.

$.each($('.menu').children('li'), function(){
  $(this).addClass('renk'+$(this).index());
});

yukardaki js kodu ile kabaca şu işlemi yapuyoruz. class değeri "menu" olan etiketin altındaki li etiketlerini teker teker tarayıp index numarasına göre renk0, renk1 stillerini atıyoruz bu şekilde her menü rengi farklı oluyor.

Yazım hatası olabilir.

İyi çalışmalar