如何将不同的样式应用于 Wordpress wp_nav_menu()

Posted 2023-02-16

【中文标题】如何将不同的样式应用于 Wordpress wp_nav_menu()

【英文标题】：How to apply different style to Wordpress wp_nav_menu()

【发布时间】：2010-09-09 08:22:41

【问题描述】：

我正在使用 Wordpress 3.0。是否可以将不同的样式类应用于 wordpress wp_nav_menu()？ 目前我有五页，我想按以下顺序申请。

<ul>
      <h2>
        <li><a href="#">Example1</a> </li>
      </h2>
      <span>
      <li><a href="#">Example2</a></li>
      </span>
      <h4>
        <li><a href="#">Example3</a></li>
      </h4>
      <h3>
        <li><a href="#">Example4</a></li>
      </h3>
      <h5>
        <li><a href="#">Example5</a></li>
      </h5>
</ul>

【参考方案1】：

这不是语义正确的 html - 也许您想为每个 li 添加一个类？

WP 向其生成的 LI 添加类，如下所示：

page_item page-item-27

其中数字与文章/页面的 ID 相关。

css:

.page-items-27 
    color:#fff;
    background:blue;
    font-size:14px;
    // etc