每个Wordpress子菜单有不同的ID？

Question

有没有人知道为每个子菜单wordpress添加唯一ID的方法生成？ 截至目前，WP生成：

<ul class="sub-menu"></ul>

理想情况下，我希望它能够生成

<ul class="sub-menu" id="radio"></ul>

这样我就可以为通过css生成的每个子菜单分配不同的样式。

感谢任何帮助。

Answer 1

这需要修改主题文件。您使用哪个主题将决定您的元素的布局方式。我会考虑使用nth-of-type css选择器来设置它们的样式。

http://jsfiddle.net/yhcYY/

ul:nth-of-type(1) { color: blue; }
ul:nth-of-type(2) { color: red; }
ul:nth-of-type(3) { color: green; }
ul:nth-of-type(4) { color: orange; }

您还应该考虑在http://wordpress.stackexchange.com上询问这一点，这对WP主题开发问题更有帮助。

Answer 2

当您在WP-Menu编辑器（外观＆gt;菜单）时，转到位于右上角的“屏幕选项”并单击它，然后选中“CSS类”选项。

然后你会看到你可以看到一个标记为CSS Classes的新字段。在那里，您可以为菜单添加课程。

希望这有帮助。

Answer 3

这可能不是最好的方法，但它为我做了诀窍..

<script>
$(function(){
    var i =0;
 $('ul.sub-menu').addClass (function(idx) {

     return "item-" + idx;
 });
 });
 </script>

它将类item-0，item-1等附加到它找到的每个子菜单中。

Answer 4

在您的子菜单中获取Uniuqe CSS的最佳方法是创建一个使用Twenty Ten Theme或Twenty Eleven Theme作为基本主题的WordPress child theme。

每个子主题都将继承WordPress团队已创建的所有魔法代码，以满足您的需求。