php - 为 wp_nav_menu 设置类

Question

如何转换:

<ul class="ulStyle">
<li class="liStyle">
<div class="first">
<div class="second">
menu1
</div>
</div>
</li>
</ul>

到 wp_nav_menu

里面的div和class太多了，谁能帮我解决这个问题？谢谢!

Answer 1

这可以使用 css 中的 nth-child() 选择器来完成

参见代码笔 here

使用这个 CSS:

.wp_nav_menu div:nth-child(1) {

  background: blue;

}

.wp_nav_menu div:nth-child(2) {

  background: red;

}

带有以下标记:

<ul class="wp_nav_menu">
  <li>
    <div>
      Foo
    </div>
    <div>
      Bar
    </div>  
  </li>
</ul>