最近使用wordpress设计导航菜单,遇到了个苦逼问题!!wordpress的 <li>标签的类是wordpress制定的所以在设计的时候不知道怎么给选中的菜单添加效果!经过对其他的主题分析才知道其实这个问题的解决办法是很简单的!其他的版本并没有测试!但是这个版本使用时正常的!
演示代码如下
<- 请自行替换为<
current-menu-item 这个类就是当前导航菜单li标签 的类 只有处在当前页面时 wordpress自动分配给当前页面的导航菜单项的 li标签添加current-menu-item类
<-li id="menu-item-6" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-6"-><-a natural hgh href="http://localhost/?cat=1"->未分类<-/a-><-/li->
<-li id="menu-item-78" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78"-><-a href="http://localhost/?page_id=2"->示例页面<-/a-><-/li->
<-li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-down menu-item-61"-><-a href="http://localhost/?down=%e6%b5%8b%e8%af%95"->测试<-/a->