如何使用wp_NAV_MENU向锚点添加类

时间：2013-09-30 作者：Hung PD

很抱歉，如果我的帖子重复，但我无法找到解决我问题的最佳方案。我是开发WP主题的新手。现在我想在当前li和最后li中添加类，但我不知道怎么做？希望有人帮忙。

这是我的HTML代码：

<nav>
    <ul>
        <li><a href="#" class="selected">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#" class="last">Contact</a></li>
    </ul>
</nav>

1 个回复
SO网友:Marco Berrocal

Wordpress在默认情况下确实添加了当前类：

检查其显示位置：

<li id="menu-item-1688" class="current-menu-item">
在源代码中。

至于另一项，这有点棘手。

有两种方法可以做到这一点，前提是您需要最后一项样式。

Option #1 与纯CSS一起使用last-of-type selector.

Option #2, 正在使用get_wp_nav_menu 而不是wp_nav_menu 一旦你进入foreach, 您可以使用count 目前的指数是foreach 以友好方式添加css类。

Edit: 如果你对Wordpress主题有点陌生，我肯定会选择选项1，尽管浏览器没有完全覆盖。

结束
标签： menus   links   post-class   小码农  

相关推荐

Remove Links from Login page

我想从我的网络登录页面中删除所有链接（“注册”、“丢失密码”和“返回站点”），我该怎么做？