我有一个导航菜单呼叫：

“primary”，“container\\u class”=>“primary menu”）；？>输出如下所示：

<div class="primary-menu"><ul id="menu-other-links" class="menu">
<li id="menu-item-51" class="menu-item menu-item-type-custom"><a href="#">RSS</a></li>
<li id="menu-item-49" class="menu-item menu-item-type-post_type"><a href="http://localhost:8888/graca/contacto/">Contacto</a></li>
<li id="menu-item-52" class="menu-item menu-item-type-custom"><a href="#">Facebook</a></li>
<li id="menu-item-53" class="menu-item menu-item-type-custom"><a href="#">Twitter</a></li>
<li id="menu-item-56" class="menu-item menu-item-type-post_type"><a href="#">Site Info</a></li>
</ul></div>

我试图为每个菜单项应用不同的背景色，因此#1将获得一种颜色，#2将获得第二种颜色。

我希望主题适用于任何人想要设置的菜单项，因此最好是每个li上的#id按顺序排列。

例如：

<ul>
<li id="item1">List item</li>
<li id="item2">List item</li>
<li id="item3">List item</li>
<li id="item4">List item</li>
</ul>

任何帮助都将不胜感激。