最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
wordpress导航菜单的当前菜单高亮显示与添加分隔符例子
时间：2022-06-25 18:49:51 编辑：袖梨 来源：一聚教程网
wordpress导航当前菜单高亮显示
下面这句是wordpress自带的导航高亮：
#nav .current-menu-item,#nav .current-menu-parent{ background:#000000;}
上面代码中的#nav 是导航菜单中标签，通过上面的CSS代码，就可以让 #nav 标签里的 正在访问的 li 标签在前台高亮显示。
导航菜单怎样添加分隔符？
效果：菜单之间有分隔符， 整个菜单最前或最后不要显示分隔符
只需通过下面的css代码就可以完成。
.read_footer_menu li{ float:left;font-size:14px; line- margin-bottom:15px;padding:0 8px 0 8px; border-left:1px solid #888888; }
.read_footer_menu li:first-child{ padding:0 8px 0 0px; border-left:0px solid #888888; }
第一句：给每一个菜单 li 添加一个左边框，并且将 li 的行高小于字体的高度，
第二句：通过li:first-child 给第一个菜单取消左边框
相关文章
- 王者荣耀侦探能力大测试攻略 王者荣耀侦探能力大测试怎么过 11-22
- 无期迷途主线前瞻兑换码是什么 11-22
- 原神欧洛伦怎么培养 11-22
- 炉石传说网易云音乐联动怎么玩 11-22
- 永劫无间手游确幸转盘怎么样 11-22
- 无期迷途主线前瞻兑换码是什么 无期迷途主线前瞻直播兑换码介绍 11-22