如何定制WordPress';s wp_导航菜单功能
我在WordPress网站上工作,顶部导航由以下内容生成:如何定制WordPress';s wp_导航菜单功能,wordpress,Wordpress,我在WordPress网站上工作,顶部导航由以下内容生成: 它从wp_admin中定义的列表中提取导航项 问题是,我希望每个项目都有额外的、有条件的CSS。具体来说, 1) 悬停时,我希望文本上色,并显示相同颜色的线条 2) 当我在某个区域(由slug决定)时,我希望该菜单项保持彩色。i、 e:主动 3) 每个菜单项都有不同的颜色-在导航系统中不是通用的 显然,这背后的CSS很简单。我的问题是如何保持使用wp_nav_menu()的“黑盒”特性,但仍然能够将所有条件代码放在nav中 这可能吗
它从wp_admin中定义的列表中提取导航项
问题是,我希望每个项目都有额外的、有条件的CSS。具体来说,
1) 悬停时,我希望文本上色,并显示相同颜色的线条
2) 当我在某个区域(由slug决定)时,我希望该菜单项保持彩色。i、 e:主动
3) 每个菜单项都有不同的颜色-在导航系统中不是通用的
显然,这背后的CSS很简单。我的问题是如何保持使用wp_nav_menu()的“黑盒”特性,但仍然能够将所有条件代码放在nav中
这可能吗
谢谢 使用wp_nav_menu():自定义步行器您可以自定义自己的方式菜单项
例子:
在样式表中使用css选择器
nth-of-type()
可以在没有id的情况下选择单个元素我知道nth-of-type()是如何工作的,但我不确定这是如何起作用的。你能详细说明一下你的建议吗?walker最后只输出html,如果你看最后的结果,你的第三个标准是ul li:ul li:n类型(3){background:black;}
将为你的第三个li上色。(ps添加了比ul-li更具体的选择器,例如nav-ul-li),hover也是如此,ul-li:hover
我知道你要怎么做了。有趣的有没有办法根据您所在的页面激活其中一个导航项目?换句话说,我的六个导航项目对应六个类别。有没有办法告诉wp_nav_menu检查导航项目是否与类别匹配,如果匹配,则添加活动类别?啊,rite,检查您的html以查看它位于何处,此时您正在选择每个li中具有“类当前”菜单项的第一个子项,这是正确的吗?尽管我非常欣赏该链接,但我的头正在旋转,试图理解它!:(