HTML/CSS

给菜单中UL下的某一个或某几个LI添加自定义类

阿里云

我们有时候在定制 WordPress 主题的时候,由于菜单样式的要求我们需要给我们的 WordPress 获取到的菜单中的 UL 下的某一个或某几个 LI 添加自定义的类,比如我给客户设置制作的这个主题中,因为 LOGO 在菜单中间显示,所以我需要第四个菜单和第五个菜单的右边和左边流出一定的距离来显示 LOGO,那么这个时候如果我能给第思个菜单和第五个菜单的 LI 分别添加一个自定义类,那么我就可以很方便的用 CSS 来实现这个样式了。

要实现这样一个效果,我们可以通过下面这个很简单的 JS 来实现;

  1. <script>
  2. $(".navbar-nav>li").eq(3).addClass("nav-left");
  3. $(".navbar-nav>li").eq(4).addClass("nav-right");
  4. </script>
也想出现在这里?联系我们
创客主机

需要注意的是:eq 的参数是从 0 开始的。

给菜单中 UL 下的某一个或某几个 LI 添加自定义类

已有 304 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!